1.安装 vuex
npm install vuex@3.0.1 --save 或者 cnpm install vuex@3.0. --save
2.vuex理解
官方解释:vuex是一个专为vue.js应用程序开发的 状态管理模式。它采用集中式存储管理应用的所有的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
我的理解:可以理解为是一个 全局变量
例如: 模块a / 模块b。
我想 模块b获取模块a的数据。
方法1: 用组件之间通讯。这样写很麻烦,并且写着写着,估计自己都不知道这是啥了,很容易写晕。
方法2: 我们定义 全局变量。模块a的数据 赋值给全局变量 x。然后 模块b 获取x。这样我们就很容易获取到数据
我们把模块a 的数据叫 state。全局变量叫store。模块b 叫data
Getter 是一个纯函数,用于接收state 参数。返回你需要取的值
mutation 是对 state 进行修改
action 处理数据,对处理的数据 返回给 mutation 从而对 state 进行修改
3. 使用vuex
查看package.json
"dependencies": {
"axios": "^0.26.1",
"element-ui": "^2.15.6",
"qs": "^6.10.3",
"vue"