vue学习笔记-vuex

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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值