正在学习Vuex,今天对照了文档中的实例写了一下,发现无法完成文档中的功能,并报错
[vuex] unknown action type: INCREMENT
示例代码如下:
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex)
const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
INCREMENT (state) {
// 改变 state
state.count++
}
}
})
store.dispatch('INCREMENT');
console.log(store.state.count)
google了一下没有发现这方面的信息,所以想请问一下,有没有人遇到过这样的情况,以及解决办法是怎样的
需要声明一个名为
INCREMENT
的action,可以参见下面这个项目的目录结构。很清晰。使用Vue.js和Vuex实现购物车场景