vuex的学习

1.state

在组件的 computed 中引用store中的值:
![在这里插入图片描述](https://img-blog.csdnimg.cn/2019102017232310.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5dHJhaW5pbmc=,size_16,color_FFFFFF,t_7

2.getter

1.store 中的 getters :相当于是组件中的 computed(对已有的变量的操作)
在这里插入图片描述
2.在组件的 computed 中引用getters中的值
在这里插入图片描述

3.mutation

1.store 中定义 mutations 方法(是对 state 的操作)
在这里插入图片描述
2.在组件的 methods 中调用 mutations 方法
在这里插入图片描述
3.使用常量替代 mutation 事件类型 —— 为了避免通过字符串引入方法时出错(常量的使用可以进行语法提示)
在这里插入图片描述

4.action

1.store 中定义actions(异步操作)

在这里插入图片描述
2.在组件的 methods 中调用 actions

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值