关于vuex

最近一直在学vue.js,接触到项目联系的时候,自然而然的引出了vuex。vuex是什么?

借助互联网,搜索出vuex是vue的状态管理机制。主要服务于中大型的单页应用,数据管理框架,并且借鉴了flux和redux的设计思想,简化了概念。让我们的应用内的状态保持在可维护可理解的状态。具体怎么维护,看项目说话。

vuex内部使用了很多ES6的语法。

应用的核心就是store仓库,store可以看成一个容器,它包含着你应用里大部分的状态(即state)。Vuex和单纯的全局对象有一下两点不同:

1、Vuex的状态存储是响应式的。当Vue组件从store中读取状态的时候,若store中的状态发生变化,那么相应的组件也会相应地高效得到更新。

2、你不能直接改变store中的状态。改变store中的状态的唯一途径就是显式地分发状态变更事件(explicitly dispatching mutations)。这样使得我们可以方便地跟踪每一个状态的变化,从而让我们能够实现一些工具帮助我们更好地了解我们的应用。

state状态:类似是vue中的data,用户存储数据;

getters:类似vue中的computed,计算属性;

mutations变更:类似于Vue中的methods,逻辑方法。但是这里的方法必须是同步的,因为这里的方法将直接修改state的状态,从而改变store的状态。另外vue-devtools这个工具根据这个来记录改变的状态

actions动作:实际分发mutations里面的方法。

vuex的流程:






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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值