Vuex是什么?

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,它相当于一个公共仓库,将应用中的所有状态都放在一起,集中式来管理。它由五部分组成,分别是:state, getters, mutations, actions, modules.
1.state 中用来存放状态。(使用:this.$store.state.变量名)
2.getters 类似于vue中的计算属性,可以对state进行计算(会被缓存)
3.mutations是改变state中数据的唯一方式,做的是原子操作。可以通过this.$stroe.commit()来提交。
4.actions就是为了异步操作而设置的,因为mutations中只能是同步操作,但是在实际的项目中,会有异步操作,actions就是为了异步操作而设置的。与mutations类似,但是它修改state中数据的方式是通过异步地提交mutations来简介实现的。可通过this.$stroe.dispatch()提交操作。
Vuex的优缺点:
优点:
1.能够在vuex中,集中管理共享的数据,易于开发和后期维护
2. 能够高效地实现组件之间的数据共享,提高开发效率
3. 存放在vuex中的数据都是响应式的,能够实时保持数据与页面的同步
问题:
存储在vuex中的状态,刷新页面,会丢失。为了解决刷新页面数据丢失,才有了数据持久化。一般常用的做法就是利用插件 vuex-persistedState

Vuex 和单纯的全局对象有以下两点不同:
1.Vuex 的状态存储是响应式的。
2.当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。
3.你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以方便地跟踪每一个状态的变化。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值