Vuex的使用

Vuex是vue的状态管理工具,能够集中管理所有组件得状态,并能够追踪到状态的变更。

一个vuex实例包含以下几个部分

  1. state 实例的状态源。
    avatar
  2. getters 从state中派生的一些概念,例如对数据进行过滤。
    avatar
  3. moutations 进行状态改变的唯一方法,类似事件,每个mutation都有一个事件类型type和回调函数handler,mutation都是同步事务。
    avatar
  4. actions 类似于mutation,不同在于:Action提交的是mutation,而不是直接变更状态。Action可以包含任意异步操作。
    avatar
  5. module 将store分割成模块(module)。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割。
    avatar
    avatar
    avatar

注入vue实例

以上就是vuex的基本用法,注入到vue实例后就可以使用了

avatar

在组件中的使用

在组件中通过this.$store访问vuex
avatar

更详细的使用方法详见
后续将会对vuex的源码进行解析。