在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

比如類似這樣的定義:

ColorList = [
{'red': "紅色"},
{'green': "綠色"},
{'blue': "藍色"},
]

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

回答
編輯回答
骨殘心

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

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

main.js中引入
import filter from './filter';
示例化Vue的時候,把filter丟進去就行了

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

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

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

我是這樣做的,看下圖:

clipboard.png

用的時候

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