Vuex 笔记

vuex 能干什么?

  • 组件之间的数据共享,有点像单例,全局任何地方需要的时候都能用。比单利牛逼的地方是它有命名空间能拆分解藕

vuex 核心概念

  • state:用来挂载共享的数据对象,通过store对象访问 $store.state.'对象名'

  • mutations: 注册事务,对共享对象执行的操作。一般不直接操作共享对象,而是通过方法去操作。this.$commit."方法名"

  • getters:缓存计算的依赖值,且只有当它的依赖值发生了改变才会被重新计算。听起来很抽象,用起来非常好用。这是一个非常优秀的设计。页面刷新不会重新计算。

  • Action: mutations中的事务是同步操作的,Action中提供异步执行的方式。

  • Module:引入了命名空间的概念,让store能够拆分,不会变得臃肿。

Vuex 笔记_第1张图片
牛逼的设计图

怎么用?

  • 没有比官方demo能更能完美的解释了购物车案例

参考文档

  • vuex官网

你可能感兴趣的:(Vuex 笔记)