vue该如何全局引入js？

Question

common.js会有很多我自己定义的函数，如：

export function a(){
    //这是一个函数
}
export function b(){
    //这是一个函数
}
export function c(){
    //这是一个函数
}

在ad.vue我会去引用他：

import {a} from '@/assets/js/common.js'

在role.vue我会去引用他：

import {b} from '@/assets/js/common.js'

N个页面需要用到common.js里的函数，我要是一个一个去引用好麻烦，有好的解决方法吗。

---

我试过在main.js引入common

import '@/assets/js/common.js'

但这种方法不行，会提示XX is not defined

Answer 1

可以挂到Vue原型上;
如:Vue.prototype.$a=a
使用:this.$a

Answer 2

我也是的，放到App.vue也不行~~应该是只能那么写

Answer 3

webpack 中有一个global关键字，可以定义全局属性。
利用该关键字定义的属性方法，可以在全局文件中直接使用。

Answer 4

采纳的那种方法我试了不行啊,就是题主那种export多个函数的方式，使用Vue.prototype.$a=a的方式好像是不行的，会报找不到$a