1、全局變量專用模塊

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：域名與空間、網(wǎng)絡(luò)空間、營銷軟件、網(wǎng)站建設(shè)、景德鎮(zhèn)網(wǎng)站維護(hù)、網(wǎng)站推廣。

意思是說，用一個模塊（js or vue）管理這套全局變量，模塊里的變量用export （最好導(dǎo)出的格式為對象，方便在其他地方調(diào)用）暴露出去，當(dāng)其它地方需要使用時，用import 導(dǎo)入該模塊

全局變量專用模塊Global.vue

const colorList = [
 '#F9F900',
 '#6FB7B7',
]
const colorListLength = 20
function getRandColor () {
 var tem = Math.round(Math.random() * colorListLength)
 return colorList[tem]
}
export default
{
 colorList,
 colorListLength,
 getRandColor
}

模塊里的變量用出口暴露出去，當(dāng)其它地方需要使用時，引入模塊全球便可。

需要使用全局變量的模塊html5.vue

2、全局變量模塊掛載到Vue.prototype 里

Global.js同上，在程序入口的main.js里加下面代碼

import global_ from './components/tool/Global'
Vue.prototype.GLOBAL = global_

掛載之后，在需要引用全局量的模塊處，不需再導(dǎo)入全局量模塊，直接用this就可以引用了，如下:

1和2的區(qū)別在于：2不用在用到的時候必須按需導(dǎo)入全局模塊文件

3、vuex

Vuex是一個專為Vue.js應(yīng)用程序開發(fā)的狀態(tài)管理模式。它采用集中式存儲管理應(yīng)用的所有組件的狀態(tài)。因此可以存放著全局量。因為Vuex有點繁瑣，有點殺雞用牛刀的感覺。認(rèn)為并沒有必要。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。