鍍金池/ 問答/HTML/ vue.js中多個(gè)vue文件都要用到的全局變量列表一般放在什么地方定義比較合適？

vue.js中多個(gè)vue文件都要用到的全局變量列表一般放在什么地方定義比較合適？

比如類似這樣的定義：

ColorList = [
{'red': "紅色"},
{'green': "綠色"},
{'blue': "藍(lán)色"},
]

從后臺拿到的'red'要在網(wǎng)頁的表格中顯示為'紅色'，在好幾個(gè)vue文件中都要用到這個(gè)ColorList數(shù)組，想統(tǒng)一定義，單獨(dú)放一個(gè)vue文件可以嗎？但是單獨(dú)的vue文件都是組件，在組件里面光是放幾個(gè)變量是不是不合適？放在每個(gè)文件的data里面又重復(fù)定義了，而且filter里面不能用。我用的是vue-cli+webpack目錄結(jié)構(gòu)。

回答
編輯回答
骨殘心

filter可以用的，創(chuàng)一個(gè)filter.js文件

/**
 * Vue過濾器
 */
import Vue from 'vue'
export default (function() {
    //多個(gè)按鈕或標(biāo)簽顯示不同顏色
    Vue.filter('getBtnColorful', function(val) {
        var corlorClasses = ['green', 'yellow'];
        return corlorClasses[val];
    })
})()

在main.js中引入
import filter from './filter';
示例化Vue的時(shí)候，把filter丟進(jìn)去就行了

const app = new Vue({
    el: '#app',
    router,
    store,
    filters: filter,
    render: h => h(App)
});
2018年6月21日 15:15
編輯回答
舊螢火

建立 utils 文件夾,定義一個(gè) constants.js 的文件,把所有全局常量放在這個(gè)文件即可.

2018年1月15日 19:45
編輯回答
淡墨

我是這樣做的，看下圖：

clipboard.png

用的時(shí)候

import { sexList } from 'utils/enum'
2017年4月30日 18:16