vuex中如何引入靜態(tài)圖片，或者有什么更好的思路

如果存儲輪播圖路徑array已經在state里定義了（假設叫l(wèi)oopList）,只需要在mutations里寫一個增加圖片的方法就行，js代碼如下:

export default {
    namespace: true,
    state: {
        loopList: []
    },
    mutations: {
        // 獲取輪播圖的路徑
        getLoopList: (state, loopList) => {
            state.loopList = loopList;
        },

        // 添加一個輪播圖
        addLoopList: (state, src) => {
            state.loopList.push(src);
        }
    },

    // 異步的操作放在action里
    actions: {
        // 獲取輪播圖的路徑
        getLoopList: ({commit}) => {
            // 通過ajax獲取數(shù)據(jù)
            $http.get('/xxx/xxx').then(function (data) {
                commit('getLoopList', data);
            }, function (err) {
                console.log(err);
            });
        }
    }
};

假設想在某個操作后添加一個地址，.vue文件里代碼如下：

let path = 'your img url';
this.$store.commit('addLoopList', path);