vuex action中{commit}是什么写法???

简介: vuex action中{commit}是什么写法???

Vuex 中 使用 Action 处理异步请求时,常规写法如下

 mutations: {
  setToken (state, token) {
      state.token = token
      setToken(token)
    },
 }
 handleLogin :(context) =>{
        context.commit('setToken ','参数')
    }
 }
 

我们也可以使用如下简化写法,如下:

actions: {
    // 登录
    handleLogin ({ commit }, {userName, password}) {
      userName = userName.trim()
      return new Promise((resolve, reject) => {
        login({
          account: userName,
          password
        }).then(res => {
          const data = res.data
          if (data.data) {
            commit('setToken', data.data)
          }
          resolve(data)
        }).catch(err => {
          reject(err)
        })
      })
    },
相关文章
|
前端开发 JavaScript BI
轻松搞定vue3+Pinia-2-修改state-patch-actions
轻松搞定vue3+Pinia-2-修改state-patch-actions
241 0
|
30天前
|
JavaScript 数据处理
Vuex 的Mutation 和 Action 有什么区别?
【10月更文挑战第15天】Mutation 和 Action 在 Vuex 中都有着重要的作用,它们相互协作,共同实现了 Vuex 状态管理的功能。理解它们的区别与联系,并在实际应用中正确使用,对于构建高效、可靠的 Vue 应用具有重要意义。
|
1月前
|
监控 JavaScript
Vuex学习二:Vuex的重点属性学习,state、mutations、getters、actions、module。
这篇文章是关于Vuex状态管理库的深入学习,涵盖了其核心概念如state、getters、mutations、actions和modules,并通过实例代码展示了它们的使用和重要性。
26 1
|
3月前
|
JavaScript
Redux 中定义 Action
【8月更文挑战第30天】
57 0
|
4月前
|
JavaScript 网络架构
vue 使用 this.$router.push 传参数,接参数的 query或params 两种方法示例
vue 使用 this.$router.push 传参数,接参数的 query或params 两种方法示例
195 4
|
4月前
|
JavaScript
VUEX 使用学习四 : action
VUEX 使用学习四 : action
36 0
|
4月前
|
JavaScript
vue 【详解】父子组件传值、父子组件数据双向绑定 —— : | update: |.sync | v-bind.sync | v-model(含model选项和自定义v-model)
vue 【详解】父子组件传值、父子组件数据双向绑定 —— : | update: |.sync | v-bind.sync | v-model(含model选项和自定义v-model)
43 1
Vue-Cli的生命周期写法,methods要与data()平级,生命周期函数要与methods平级
Vue-Cli的生命周期写法,methods要与data()平级,生命周期函数要与methods平级
|
6月前
|
JavaScript
vuex如何在actions中传递参数
在Vuex的`actions`中传递参数可以提高其灵活性和复用性。
|
JavaScript 前端开发
解决 vue 路由报错 Cannot read property 'beforeRouteEnter' of undefined
解决 vue 路由报错 Cannot read property 'beforeRouteEnter' of undefined