将store拆分开,使state、getters、mutations、actions、都单独管理
一、安装好vue和vuex
二、构建目录
在src目录下创建store文件夹,和六个js文件
文件名 | 用处 |
state.js | 里面存放所有的 state |
getters.js | 里面存放所有的 getters |
mutations.js | 里面存放所有的 mutations |
actions.js | 里面存放所有的 actions |
index.js | 将上面拆分的东西组合起来 |
types.js | 里面存放所有的 types,用来 actions 和 mutations 的匹配 |
三、目录文件拆分详细
states.js
项目中所有的共享state都放这儿
getter.js
mutations.js
actions.js
types.js
index.js