vuex初识

1.vuex的理解
 vuex是vue的状态管理工具,存放公共的数据   ;比如用户登录的信息

2.vuex的五大核心概念
(1)、state :存放数据

(2)、getters :计算属性

(3)、mutations :唯一一个修改state内数据的方法 (同步的)

(4)、actions :异步操作state内数据的方法

(5)、modules :模块化

3.vuex的执行机制
state获取数据 :this . $store . state . 属性名

getters:

      计算属性名( state ){
                 return

}

获取计算属性的数据 :this . $store . getters . 属性名

mutations :{
 方法名(state ,参数 ){
      }

}     

调用mutations内的方法 :this . $store . commit (' 方法名 ' ,传递的参数)(传递多个参数用对象的形式)
  actions: {
	  reduceNum({commit},data){
		  setTimeout(()=>{
			 commit('addNum',data*-1) 
		  },1000)
	  }
调用actions内的方法:this . $store . dispatch( ' 方法名 ' ,传递的参数 ) 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值