Vuex中的actions的参数

actions可以说是mutation的加强版，它可以通过commit mutations中的方法改变状态，最重要的是它可以进行异步操作，在组件中通过$store.dispatch来触发action中定义的方法。

今天是要来说一下action函数的参数

一般在使用actions方法时我们会像下面的书写方式：actions:{add_num({commit}){console.log({commit})setTimeout(() => {commit('change',100);},2000)}
}

而很多人都会疑惑{commit}是代表了什么，又是怎么来的。下面就来说一下，action函数可以接收一个与store实例具有相同方法的属性context，这个属性中包括下面几部分：

 context:{state,   等同于store.$state，若在模块中则为局部状态rootState,   等同于store.$state,只存在模块中commit,   等同于store.$commitdispatch,   等同于store.$dispatchgetters   等同于store.$getters
}常规写法调用的时候会使用context.commit，但更多的是使用es6的变量解构赋值，也就是直接在参数的
位置写自己想要的属性，如：{commit}。

es6的解构赋值：https://blog.csdn.net/qq_41820577/article/details/100530426

Vuex中的actions的参数相关推荐

vuex中的actions
actions用来处理mutations中的异步操作,触发mutations中的函数 1. 组件中触发actions中的函数:此处用dispatch触发函数 this.$store.dispatch( ...
关于vuex中actions可以返回promise的用法
在vuex中的actions中 addCartList({ state, commit }, payload) {return new Promise((reslove, reject) => ...
vuex中actions配合mutation处理axios请求
众所周知,vuex中actions一般用来做异步操作,像数据请求,定时器,都不应该直接写在mutation,像我就犯了这个错 Vuex mutations: {PLAY(state, obj) {co ...
【手写 Vuex 源码】第五篇 - Vuex 中 Mutations 和 Actions 的实现
一,前言上一篇,主要介绍了 Vuex 中 getters 的实现,主要涉及以下几个点: 将选项中的 getters 方法,保存到 store 实例中的 getters 对象中: 借助 Vue 原生 ...
Vuex中mutations与actions的区别与用法
一.区别操作描述 mutations 一般用于方法同步调用,修改vuex中state的状态. actions 一般用于方法异步调用,多用于请求后台接口. 注:mutations 同步操作,不能写异 ...
vue之mapMutaions的使用 vuex中 action 用法示例 api.js的使用
vue之mapMutations的使用我们通过Mutation来改变store中的state,方法往往是在子组件中使用 this.$store.commit(); 来实现,但是这样的缺点是不容易查看 ...
vuex中store 的mutation
vuex中store 的mutation 1.mutation 官方解释mutation: 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation.Vuex 中的 mutation ...
Vuex中的核心方法
Vuex中的核心方法 Vuex是一个专为Vue.js应用程序开发的状态管理模式,其采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化.每一个Vuex应用的核心就是 ...
vuex中mutation和action的详细区别
一.vuex中mutation和action的详细区别 const store = new Vuex.Store({state: {count: 0},mutations: {increment (s ...

Vuex中的actions的参数

es6的解构赋值：https://blog.csdn.net/qq_41820577/article/details/100530426

Vuex中的actions的参数相关推荐

最新文章

热门文章