Vuex分成五个部分:
通过创建一个集中的数据存储,供程序中所有组件访问 数据单向流动
通俗点说就是把所有的数据都放到state里
State:单一状态树 (在 store 中的 state 对象,可以理解为 Vue 实例中的 data 对象,它用来保存最基本的数据。)
Getters:状态获取
Mutations:触发同步事件(里边写上操作state里边数据的方法 来操作 修改 state里的数据 )
Actions:提交mutation,可以包含异步操作
Module:将vuex进行分模块
从组件出发,组件中调用 action,在 action 这一层级我们可以和后台数据交互,比如获取初始化的数据源,或者中间数据的过滤等。然后在 action 中去派发 Mutation。Mutation 去触发状态的改变,状态的改变,将触发视图的更新。
数据流都是单向的
组件能够调用 action
action 用来派发 Mutation
只有 mutation 可以改变状态
store 是响应式的,无论 state 什么时候更新,组件都将同步更新
一环套一环的调用