javascript - Vuex 在使用 Mutation handler 显示unknown action type:

问题描述

问 题

正在学习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实现购物车场景

这篇关于javascript - Vuex 在使用 Mutation handler 显示unknown action type:的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！