简单理解vuex的State、Mutations、Actions、getters、modules

阅读 58

2022-01-22

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

流程图:

在这里插入图片描述

精彩评论(0)

0 0 举报