在一个简单的应用程序中,我创建了一组与组件创建挂钩相关联的简单突变和操作。在浏览器中,按 F5 后,当在 Vuex 选项卡上打开 vue-devtools 时,我在应用程序开始时收到错误消息,尽管这不应该发生。
主要问题:为什么状态为“空”以及如何更改它?
商店.js
export default new Vuex.Store({
state: {
a: undefined,
b: undefined
},
mutations: {
SET_A (state, a) {
console.info(a)
state.a = a // ? store.js?c0d6:14
},
SET_B (state, b) {
state.b = b
}
},
actions: {
setA ({ commit }, a) {
console.info(a)
commit('SET_A', a)
},
setB ({ commit }, b) {
commit('SET_B', b)
}
}
})
Run Code Online (Sandbox Code Playgroud)
主页.vue
<script>
// @ is an alias to /src
import HelloWorld from …Run Code Online (Sandbox Code Playgroud)