Vuex总结

Vuex总结

Vuex: Vuex
Vue: Vue
Weex: Weex
Weex-API: Weex-API

单项数据流:

1. State: 驱动应用的数据源
2. view: 以声明方式将state映射到视图
3. Actions: 响应在view上的用户数据导致的状态变化(包含n个更新状态的方法)

Vuex: 多个组件共享状态

1. Store:是一个容器，包含应用中大部分的状态 (state)
2. State: 共享的数据状态对象
3. Getter: 包含多个getter计算属性的函数对象
4. Mutation: 包含对个更新state函数的对象
5. Action: 包含多个对应事件回调函数对象,提交的是Mutation, 不是直接变更状态
6. Module: 将 store 分割成模块（module）。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割

Store对象:

1. 所有vuex管理组件中都有一个属性$store,是一个store对象
2. 属性: state, getters
3. 方法: dispatch(actionName,data): 分发调用action

Actons:

1. 包含多个事件回调函数的对象
2. 通过执行commit(),来触发mutation的调用,间接更新state
3. 通过组件中: $store.dispatch(‘actionName’)触发
4. 可以包含异步代码

Mutations:

1. 包含多个直接更新state的方法的对象
2. 有action种的commit(‘mutationName’)触发
3. 只能包含同步代码

Getters:

1. 包含多个getter计算属性的函数对象
2. 组件中: $store.getters.xxx来读取

mapState, mapGetters, mapActions

在computed中

1. mapState: …mapState([‘count’])
2. mapGetters: …mapGetters([‘计算属性’])
   在methods中
3. mapActions: …mapActions([‘actionName’])

流程图