如何使用Vuex将数组发送到store中进行初始化？

Question

我正在构建一个前端应用程序，并且我开始使用vuex框架和vue前端库。我有一个状态，我想用初始值填充它，用数组发送值。我的问题是，我如何初始化状态？为此，我需要遵循动作突变路径吗？或者仅在启动时直接操作状态

Answer 1

典型的商店是这样的：

const store = new Vuex.Store({
    state: {
        foo: [],
        bar: 1
    }
});

只需在state属性中初始化值即可。

然而，如果你想重复初始化你的状态，你可以通过一个变异来实现：

const store = new Vuex.Store({
    state: {
        foo: [],
        bar: 1
    },
    mutations: {
        initialization(state) {
            state.foo = [];
            state.bar = 1;
         }
    }
});