vue设置全局变量或函数

使用vue的时候经常需要用到全局变量或函数，一般可以将这些全局变量或函数写到一个模块中导出，再需要使用的地方再导入使用。

但是这样有一个问题，如果你不是只在一个组件中使用呢，那就要一边一遍地import，个人感觉比较繁琐。

当然也可以使用vuex，但是这样我觉得有点大材小用了。

 

本文使用vue插件的方式设置全局变量或函数

先写utils.js

export default {
  install(Vue, options) {
    Vue.prototype.Utils = {
      getData() {
        //...    
      }
    }
  }
}    

接着在main.js中引入

import Utils from './utils'

Vue.use(Utils)

然后就可以在组件中愉快地使用了

this.Utils.getData()

不需要import xxx，直接使用即可。