Vuex笔记

    1.Vuex使用单一状态树,用一个对象包含全部的应用层级状态。意味着每个应用仅仅包含一个store实例。Vuex通过store选项,提供了一种机制将状态从根组件“注入”到每一个子组件中,需要调用Vue.use(Vuex)。初始化Vue时将store对象提供给store选项,这样可以把store的实例注入所有的子组件。

    2.Vuex允许我们在store中定义getter,getter的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变才会被重新计算。其中getter接受state为它的第一个参数,同时也接受其他作为第二个参数。

    3.更改Vuex的store中的状态的唯一方法是提交mutation。mutation非常类似于事件,都有一个字符串的事件类型type和一个回调函数handler。这个回调函数就是我们实际更改状态的地方,并且它会接收state为第一个参数。不能直接调用mutation handler,而是调用store.commit(‘type’)。对store.commit提交的额外参数为载荷(payload),在多数情况下,载荷应该是一个对象,这样可以包含多个字段,并且记录的mutation更易读。

    4.mutation都是同步事务,为了处理异步操作,使用action。action与mutation不同,提交的是mutation,而不是直接变更状态。action可以包含任意异步操作。

    5.为了防止store对象过大,可以将store对象分割成module,每个模块拥有自己的state、mutation、action、getter。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值