💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
## <font color=red /> Vuex概念4:Action Action类似于Mutation, 但是是用来代替Mutation进行异步操作的. Action的基本使用代码如下: >1,context是和store对象具有相同方法和属性的对象,可以通过context去进行commit相关的操作, 也可获取context.state等. 2,Action的分发 在Vue组件中, 调用action中的方法, 那么就需要使用dispatch,同样也是支持传递payload ![](https://img.kancloud.cn/8b/7d/8b7d6fd00d4011c2eb57f1f061969cc6_525x376.png) Action返回的Promise 在Action中, 我们可以将异步操作放在一个Promise中, 并且在成功或者失败后, 调用对应的resolve或reject ```javascript actions : { aUpdateInfo(context, payload) { return new Promise((resolve, reject) => { setTimeout(() => { context.commit('updateInfo'); console.log(payload); resolve('1111111') }, 1000) }) } } ``` ```javascript // APP.vue 的方法 methods updateInfo() { this.$store .dispatch('aUpdateInfo', '我是携带的信息') .then(res => { console.log('里面完成了提交'); console.log(res); }) } ```