VUEX3.0.1导入到VUE中的方法

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"
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值