- 概念
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的
状态,并以相应的规则保证状态以一种可预测的方式发生变化。 - 应用场景
Vue多个组件之间需要共享数据或状态。 - 关键规则
State:存储状态数据
Getter:从状态数据派生数据,相当于 State 的计算属性
Mutation:存储用于同步更改状态数据的方法,默认传入的参数为 state
Action:存储用于异步更改状态数据,但不是直接更改,而是通过触发 Mutation 方法实
现,默认参数为context
Module:Vuex 模块化
- 交互关系
- 使用方式
- 体验案例:模拟用户登陆逻辑实现
注意:配合使用 Storage 来实现刷新页面后状态持续保持的业务需求