detools插件作用:跟踪记录每一次改变state的状态,从而知道是哪个组件修改了state (前提:state是通过mutations修改)
如下例,目标为通过点击按钮修改mutations中的counter
vuex配置文件index.js
创建store文件夹,在其中创建index.js文件来存放Vuex配置代码
import Vue from 'vue'
import Vuex from 'vuex'
//1、安装插件
Vue.use(Vuex)
//2、创建对象
const store = new Vuex.Store({
state:{
counter:0
}, //state中存放数据
mutations:{
increament(state){
state