Vuex学习小结
Vuex概述
Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间的数据共享
使用Vuex管理数据的好处: A.能够在vuex中集中管理共享的数据,便于开发和后期进行维护 B.能够高效的实现组件之间的数据共享,提高开发效率 C.存储在vuex中的数据是响应式的,当数据发生改变时,页面中的数据也会同步更新
State
State提供唯一的公共数据源,所有共享的数据都要统一放到Store中的State中存储
Mutation
Mutation用于修改变更$store中的数据
不要在mutations函数中执行异步函数
Action
Action用于处理异步任务
如果通过异步操作变更数据,必须通过 Action,而不能使用 Mutation,但是在 Action中还是要通过触发Mutation的方式间接变更数据。
在 actions中,不能直接修改 state中的数据;必须通过 context.commit()触发某个mutation才行
触发actions异步任务时携带参数
Getter
Getter用于对 Store中的数据进行加工处理形成新的数据。
- Getter可以对 Store中已有的数据加工处理之后形成新的数据,类似Wue的计算属性。
- Store中数据发生变化, Getter的数据也会跟着变化。