在vuejs里面提取并使用公共方法有几种解决办法？

Question

如题。
为什么我看见有些教程需要在main.js里面引入呢？

Answer 1

没图没真相
大概是绑定到Vue的property上面，这样在组件中直接使用this.yourOwnFunction()就可以调用了，其它方式，如mixin、直接引入使用，都需要先import后再使用

Answer 2

1、可以再js里面写公共方法，然后在需要使用的地方导入使用就好了。

2、把公共方法挂载Vue的原型上，比如Vue.$prototype.publicFunc = myFunc;，使用的时候就是this.publicFunc就可以了。

3、也可以封装成插件，导出个包含install方法的对象，比如：

export default {
  install(vue) {
    vue.prototype.publicFunc = myFunc;
  },
};

然后就在main.js里面：

import Myfunc from 'XXX';
Vue.use(Myfunc);

然后就可以用了，和上面一种方法是一样的。