本文共 1005 字，大约阅读时间需要 3 分钟。

vue官网提供的异步操作流程

简单介绍

第一步

第二步

当actions里面的promise异步处理完成以后，在actions的方法中通过this.$commit(‘mulations里面不能用’， ‘要传入的参数，可以是一个对象’）

步骤详解

第一步，组件调用vuex内部的actions的方法

   
    	  {   {   this.$store.state.count}}	
   
	  点击+5	  点击+10

export default {     methods: {       addcount (number) {         this.$store.dispatch({     	    type: 'addcount',  	    number: number      })    }  }}

第二步，在store文件夹下的index.js中的actions中创建一个方法

actions: {     	  addcount (context, playload) {     	  	setTimeout(() => {     	  	  console.log("模拟的异步操作")  	  	},1000)  	  	  context.commit({     	  		type: 'addc',  	  		number: playload.number//接收组件传过来的参数  	  	})  	  } }

第三步，在store文件夹下的index.js中的mulations创建一个方法

mutations: {      addc (state, playload) {     	  	state.count = state.count + playload.number  	  	//对state里面的数据进行操作   } }