Vuex总结
Vuex: Vuex
Vue: Vue
Weex: Weex
Weex-API: Weex-API
单项数据流:
- State: 驱动应用的数据源
- view: 以声明方式将state映射到视图
- Actions: 响应在view上的用户数据导致的状态变化(包含n个更新状态的方法)
Vuex: 多个组件共享状态
- Store:是一个容器,包含应用中大部分的状态 (state)
- State: 共享的数据状态对象
- Getter: 包含多个getter计算属性的函数对象
- Mutation: 包含对个更新state函数的对象
- Action: 包含多个对应事件回调函数对象,提交的是Mutation, 不是直接变更状态
- Module: 将 store 分割成模块(module)。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割
Store对象:
- 所有vuex管理组件中都有一个属性$store,是一个store对象
- 属性: state, getters
- 方法: dispatch(actionName,data): 分发调用action
Actons:
- 包含多个事件回调函数的对象
- 通过执行commit(),来触发mutation的调用,间接更新state
- 通过组件中: $store.dispatch(‘actionName’)触发
- 可以包含异步代码
Mutations:
- 包含多个直接更新state的方法的对象
- 有action种的commit(‘mutationName’)触发
- 只能包含同步代码
Getters:
- 包含多个getter计算属性的函数对象
- 组件中: $store.getters.xxx来读取
mapState, mapGetters, mapActions
在computed中
- mapState: …mapState([‘count’])
- mapGetters: …mapGetters([‘计算属性’])
在methods中 - mapActions: …mapActions([‘actionName’])