javascript - 在 Vue.js 中包含全局函数

Question

在我的 Vue.js 应用程序中，我想要一些全局函数。例如，每次我需要访问数据时都可以调用的 callApi() 函数。

包含这些函数以便我可以在我的所有组件中访问它们的最佳方法是什么？

• 我应该创建一个文件 functions.js 并将其包含在我的 main.js 中吗？
• 我应该创建一个 Mixin 并将其包含在我的 main.js 中吗？
• 有更好的选择吗？

Answer 1

我有一个功能类似于 func.js 的文件 像下面一样

export const func = {
   functionName: (data) => {
      return something  
    }
}

在 main.js 中添加 2 个字符串

import {func} from './func.js'

Vue.prototype.$func = func

如果在如下脚本标签中，您可以使用所有组件

this.$func.functionName(somedata)

或者如果模板标签像

$func.functionName(somedata)