store 仓库部分
数据存储 State
state 可以显示的展示数据格式等等,形象理解就是为数据占位置。
思考:在什么位置可以 显示的生成数据,除state内以外?
获取数据 Getters
getters 写入获取数据的方法,vuex提供了 filter,find等筛选数据的方法
状态变更 Mutation
Mutation 可以更改 state里面的数据状态,必须是同步,异步不支持,通过store.commit 方法 更改状态
store.commit 方法带两个参数或者一个参数, 两个参数时,第一个为Mutation内的方法名称, 第二个才是传入该方法的一个参数;一个参数时,参数必须是Object,且 必须带type属性,该属性为Mutation内的方法名称,并且该对象作为参数传给该方法
动作 Action
Action 类似于 mutation,不同在于:Action 提交的是 mutation,而不是直接变更状态。Action 可以包含任意异步操作。
Action 通过 store.dispatch 方法触发 使用类似Mutation
模块 Module
new Vuex.Store({
modules: {
a: moduleA,
b: moduleB
}
})
每个Module都可以单独拥有State、Getter、Mitation、Action
辅助函数 MapState、MapGetter、MapMutation、MapAction
数据存储 State
state 可以显示的展示数据格式等等,形象理解就是为数据占位置。
思考:在什么位置可以 显示的生成数据,除state内以外?
获取数据 Getters
getters 写入获取数据的方法,vuex提供了 filter,find等筛选数据的方法
状态变更 Mutation
Mutation 可以更改 state里面的数据状态,必须是同步,异步不支持,通过store.commit 方法 更改状态
store.commit 方法带两个参数或者一个参数, 两个参数时,第一个为Mutation内的方法名称, 第二个才是传入该方法的一个参数;一个参数时,参数必须是Object,且 必须带type属性,该属性为Mutation内的方法名称,并且该对象作为参数传给该方法
动作 Action
Action 类似于 mutation,不同在于:Action 提交的是 mutation,而不是直接变更状态。Action 可以包含任意异步操作。
Action 通过 store.dispatch 方法触发 使用类似Mutation
模块 Module
new Vuex.Store({
modules: {
a: moduleA,
b: moduleB
}
})
每个Module都可以单独拥有State、Getter、Mitation、Action
辅助函数 MapState、MapGetter、MapMutation、MapAction