VUE 全局變量的幾種實現方式

一、全局變量專用模塊
意思是說，用一個模塊（js or vue）管理這套全局變量，模塊裏的變量用export （最好導出的格式爲對象，方便在其餘地方調用）暴露出去，當其它地方須要使用時，用import 導入該模塊
二、全局變量模塊掛載到Vue.prototype 裏
Global.js同上，在程序入口的main.js里加下面代碼

import global_ from './components/tool/Global'
Vue.prototype.GLOBAL = global_
掛載以後，在須要引用全局量的模塊處，不需再導入全局量模塊，直接用this就能夠引用了，以下:

<script type="text/javascript">
export default {
data () {

return {
  getColor: this.GLOBAL.getRandColor,
  mainList: [
    {
      id: 1,
      img: require('../../assets/rankIcon.png'),
      title: '登陸界面'
    },
    {
      id: 2,
      img: require('../../assets/rankIndex.png'),
      title: '主頁'
    }
  ]
}

}
}
</script>
1和2的區別在於：2不用在用到的時候必須按需導入全局模塊文件
三、vuex
//摘自網絡