使用vue的時候經(jīng)常需要用到全局變量或函數(shù)，一般可以將這些全局變量或函數(shù)寫到一個模塊中導(dǎo)出，再需要使用的地方再導(dǎo)入使用。

但是這樣有一個問題，如果你不是只在一個組件中使用呢，那就要一邊一遍地import，個人感覺比較繁瑣。

當(dāng)然也可以使用vuex，但是這樣我覺得有點(diǎn)大材小用了。

?

本文使用vue插件的方式設(shè)置全局變量或函數(shù)

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

轉(zhuǎn)載于:https://www.cnblogs.com/tgxh/p/7126533.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。