Vuex的理解

37 篇文章 0 订阅

各种基本步骤,比如下载,导入,挂载,都在 Vuex基本使用 中。仅有一个store

先创建一个store实例const store=Vuex.Store({})实例(仅有一个store),里面的state用来保存数据,获取数据就是this.$store.state
Getters: 相当于vue中的computed计算属性,getter的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生改变才会被重新计算,getter用于监听state中的值得变化,返回计算后的结果。
Mutations: 如果需要修改store中的值唯一的方法就是提交mutation来修改,在这个属性中定义你需要操作数据的方法。比如:你想实现按钮加减1,点击按钮执行操作就是直接提交到mutations中的修改操作的方法。
Actions: 官方并不希望我们这样直接去修改store里面的值,而是让我们去提交一个actions,在actions中提交mutation再去修改状态值。(在组件中的methods中通过使用dispatch来提交actions)

总结:就是在组件中的methods中自定义的方法中通过 dispatch 提交到 actions 中,然后再通过actions中定义的方法通过commit 提交到mutations 触发相应的方法,来修改数据。

看例子

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值