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 中间件
React-44:异步action的写法
React-44:异步action的写法
120 0
React-44:异步action的写法
|
5月前
|
JavaScript 数据处理
Vuex 的Mutation 和 Action 有什么区别?
【10月更文挑战第15天】Mutation 和 Action 在 Vuex 中都有着重要的作用,它们相互协作,共同实现了 Vuex 状态管理的功能。理解它们的区别与联系,并在实际应用中正确使用,对于构建高效、可靠的 Vue 应用具有重要意义。
|
前端开发 JavaScript API
vuex为什么不建议在action中修改state
在最近的一次需求开发过程中,有再次使用到Vuex,在状态更新这一方面,我始终遵循着官方的“叮嘱”,谨记“一定不要在action中修改state,而是要在mutation中修改”;于是我不禁产生了一个疑问:Vuex为什么要给出这个限制,它是基于什么原因呢?带着这个疑问我查看Vuex的源码,下面请大家跟着我的脚步,来一起揭开这个问题的面纱。
|
前端开发
05 React修改值使用setState,获取值this.state.xxx
05 React修改值使用setState,获取值this.state.xxx
|
前端开发
react学习案例14-store,action,reducer
react学习案例14-store,action,reducer
69 0
react学习案例14-store,action,reducer
|
前端开发 JavaScript 索引
React中this.setState({xxx:''})与this.state.xxx='' 有区别吗?
React中this.setState({xxx:''})与this.state.xxx='' 有区别吗?
237 0
|
前端开发
React里修改state的两种方式
React里修改state的两种方式
|
存储 前端开发
定时器中使用React hooks的 state 值不变的解决办法
定时器中使用React hooks的 state 值不变的解决办法
202 0
|
前端开发 JavaScript BI
轻松搞定vue3+Pinia-2-修改state-patch-actions
轻松搞定vue3+Pinia-2-修改state-patch-actions
303 0