vuex Getters基本用法

vuex基礎參考https://segmentfault.com/a/11...
一.什麼是getters?
vuex中的getters用於對state中存儲的數據進行過濾操做。
好比等級：假設1表明初級，2表明中級，3表明高級。在state中存儲level值爲1或2或3.想在頁面中獲取對應等級就須要進行轉換。此時就須要用到getters。

二.使用getters
1.在store文件夾下建立getters.js文件,並在index下引入

2.在state.js增長userStatus

其中userStatus表明等級，0爲普通會員，1爲vip會員，2爲高級會員
3.getters代碼以下，對userStatus進行轉換

const getters ={
    memberInfo(state){
        switch (state.userStatus) {
            case 0:
                return "普通會員"
                break;
            case 1:
                return "vip會員"
                break;
            case 2:
                return "高級會員"
                break;
            default:
                break;
        }
    }
}
export default getters;

此時控制檯會展現

4.界面中獲取userLevel的值

<h1>{{ $store.getters.memberInfo }}</h1>

vuex中提供了更簡單的獲取方法：

源碼地址：https://github.com/myweiwei/v...
將不斷更新完善，期待您的批評指正！