vuex学习笔记

5 篇文章 0 订阅

1.1组件之间共享数据的方式

父向子传值:v-bind属性绑定
子向父传值:v-on 事件绑定
兄弟组件之间共享数据:EventBus
$on 接收数据的那个组件
$emit 发送数据的那个组件
在这里插入图片描述

在这里插入图片描述
1.3 什么样的数据适合存储到Vuex中
一般情况下,只有组件之间共享的数据,才有必要存储到vuex中;对于组件中的私有数据,依旧存储在组件自身的data中即可。

在这里插入图片描述
在这里插入图片描述
推荐使用mutations

在这里插入图片描述

触发mutations的第一种方法:
在这里插入图片描述
在这里插入图片描述

触发mutations的第二种方式

在这里插入图片描述
在这里插入图片描述
mapmutations:
声明一个mutations方法
在这里插入图片描述
引入mutations映射为methods方法
在这里插入图片描述
在这里插入图片描述
利用mapmutations调用mutations的第二种方法且传递参数的情况:
在这里插入图片描述
在这里插入图片描述

action,执行异步操作

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
综上,dispatch专门调用action函数。commit专门调用mutations函数。

调用action且携带参数:
在这里插入图片描述

在这里插入图片描述
触发action的第二种方式:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
or

在这里插入图片描述
或者这样:
在这里插入图片描述

getters

在这里插入图片描述
在这里插入图片描述
应用:
在这里插入图片描述

第二种使用getters的方式:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值