在中大型的项目中,组件与组件之间,父组件与子组件之间需要传递的参数是非常多的。通过简单的事件中心(bus)已经不能满足需求,这时候我们可以借助vue官方推荐的状态管理插件Vuex来管理我们的数据。
我们可以根据项目的需求定制不同的Vuex的结构,下面是Vuex官方给出的一个结构示例目录:
store
├── index.js # 我们组装模块并导出 store 的地方
├── actions.js # 根级别的 action
├── mutations.js # 根级别的 mutation
└── modules
├── cart.js # 购物车模块
└── products.js # 产品模块