vuex中如何引入静态图片，或者有什么更好的思路

Question

现在轮播图的array是从后台接口action dispatch取，
现在想给数组新增一个本地的静态图片，如何在store中书写

Answer 1

如果存储轮播图路径array已经在state里定义了（假设叫loopList）,只需要在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获取数据
            $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);