每个Vuex应用的核心就是store,里面又包括:
(1)state(数据):用来存放数据源,就是公共状态
(2)getters(数据加工):有时候需要对数据源进行加工,返回需要的数据
(3)actions(事件):要执行的操作,可以进行异步操作
(4)mutations(执行):操作结束之后,actions通过commit更新state数据源
(5)modules:使用单一状态树,致使应用的全部状态集中到一个很大的对象,所以把每个模块的局部状态分装使每一个模块拥有本身的state,mutation,actions,setters,甚至是嵌套子模块
Vuex的工作流程就是:
(1)通过dispatch去提交一个actions
(2)actions接收到这个事件之后,在actions中可以执行一些异步|同步操作,根据不用的情况去分发给不同的mutations
(3)actions通过commit去触发mutations,
(4)mutations去更新state数据,state更新之后,就会通知vue进行渲染