如何在Vue中全局导入我自己的类或方法？

Question

我有一个需要全局导入的类和方法，以便避免在每个Vue文件中再次导入它。我通常会像这样在每个Vue文件中导入自己的类和方法：

// in myFunc.js
export const fn = {
  myFunc: function(param) { alert(param) }
}

// then I use it like this
import {fn} from '@/assets/js/myFunc.js';
fn.myFunc('Lorem ipsum');

在main.js中，我尝试了以下代码，该代码不起作用：

import {fn} from '@/assets/js/myFunc.js';

Vue.mixin({
  components: { fn },
})

如何全局导入类/方法？

Answer 1

import Vue from 'vue'
import { fn } from '@/assets/js/myFunc.js';

Vue.prototype.$fn = fn

然后在您的组件中。

this.$fn.myFunc()

Adding Instance Properties。

  

您可能希望在许多组件中使用数据/实用程序，但是   您不想污染全球范围。在这些情况下，您可以   通过在上定义它们，使它们可用于每个Vue实例。   原型。