1.目录结构

1.1 遵循的原则

（1） 应用层级的状态应该集中到单个 store 对象中。
（2）提交 mutation 是更改状态的唯一方法，并且这个过程是同步的。
（3）异步逻辑都应该封装到 action 里面。
（4）如果 store 文件太大，只需将 action、mutation 和 getter 分割到单独的文件。

1.2 大型应用， Vuex 相关代码分割到模块中

├── index.html
├── main.js
├── api
│   └── ... # 抽取出API请求
├── components
│   ├── App.vue
│   └── ...
└── store
    ├── index.js          # 我们组装模块并导出 store 的地方
    ├── actions.js        # 根级别的 action
    ├── mutations.js      # 根级别的 mutation
    └── modules
        ├── cart.js       # 购物车模块
        └── products.js   # 产品模块

2.严格模式

启严格模式，仅需在创建 store 的时候传入 strict: true

const store = new Vuex.Store({
  // ...
  strict: true
})

在严格模式下，无论何时发生了状态变更且不是由 mutation 函数引起的，将会抛出错误。这能保证所有的状态变更都能被调试工具跟踪到。
不要在发布环境下启用严格模式！严格模式会深度监测状态树来检测不合规的状态变更——请确保在发布环境下关闭严格模式，以避免性能损失。