vuex的主要成员 | 官方描述 | 作用 |
---|---|---|
State | 驱动应用的数据源 | 用于存储公共的数据对象(仓库) |
Mutations | 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation | 更改数据的方法,并且只能同步修改,形成数据快照 |
Actions | Action 提交的是 mutation,而不是直接变更状态。 Action 可以包含任意异步操作。 | 执行异步代码,并通过$store.commit调用mutations修改数据 |
getters | 除了state之外,有时我们还需要从state中派生出一些状态,这些状态是依赖state的,此时会用到getters | 可以通过过滤等方式简化state数据取用 |
流程图: