使用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，直接使用即可。

轉載于:https://www.cnblogs.com/tgxh/p/7126533.html

總結

以上是生活随笔為你收集整理的vue设置全局变量或函数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。