vue在做大型项目时,会用到多状态管理,vuex允许我们将store分割成多个模块,便于管理模块。从仿写ele项目学习下store多模块的一些基本认识。
1、main.js文件引入
2、./store/index.js,
index.js相当于vuex的主目录,文件都在index.js文件引入
state文件定义所有的状态
3、mutation-types.js
用于定义action和mutation变量,便于统一管理
4、mutation.js
① 只能通过 mutation 变更 Store 数据,不可以直接操作 Store 中的数据。
② 通过这种方式虽然操作起来稍微繁琐一些,但是可以集中监控所有数据的变化。
5、Action.js
getData.js
getData.js用来封装所有的Service,调用fetch
action 提交的是 mutation,而不是直接变更状态。
初始化的userinfo:
登录状态的userinfo: