vue-cli学习-Vuex其它设置

项目结构

可以分离主状态store/index.js中的Mutations、Actions等到单独的js文件中

import Vue from 'vue'
import Vuex from 'vuex'
import list from "@/store/modules/list"
import state from "@/store/state";
import getters from "@/store/getters";
import mutations from "@/store/mutations";
import actions from "@/store/actions";

Vue.use(Vuex)

export default new Vuex.Store({
  state ,//状态值
  getters ,
  mutations ,//修改状态
  actions ,//接口异步请求，服务端请求数据
  modules: {
    list
  }
})

以state.js为例

export default {
    count:0,
    name:'gui',
    age :100,
    gender:'男',
    info : 'sb'
}

严格模式

 开启模式后，如果更改状态不走 mutations，而直接更改 state 则会报错

strict : true,

如果想要在生产环境忽略严格模式的错误，而开发阶段严格的话

strict: process.env.NODE_ENV !== 'production'