vuex学习笔记-actions

actions(异步操作更改数据需要在actions中进行，如果不使用，devtools将不显示数据，不便于调试)

.vue中写法

this.$store.dispatch('updateInfo','我是payload')
.then((res)=>{
  console.log(res)
})

actions.js

actions: {
    updateInfo(context,payload){
        return new Promise((resolve,erject)=>{
           setTimeout(()=>{
               context.commit('update')
                console.log(payload)
                resolve('数据已完成修改')
            },1000)
        })
     
  }
}

mutations.js

mutations: {
    update(state){
       state.count  =  2
  }
}

store中index.js

state: {
   count  =  1
}