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)
        })
      })
    },
相关文章
|
3月前
|
JavaScript 数据处理
Vuex 的Mutation 和 Action 有什么区别?
【10月更文挑战第15天】Mutation 和 Action 在 Vuex 中都有着重要的作用,它们相互协作,共同实现了 Vuex 状态管理的功能。理解它们的区别与联系,并在实际应用中正确使用,对于构建高效、可靠的 Vue 应用具有重要意义。
|
6月前
|
JavaScript
vue 【详解】父子组件传值、父子组件数据双向绑定 —— : | update: |.sync | v-bind.sync | v-model(含model选项和自定义v-model)
vue 【详解】父子组件传值、父子组件数据双向绑定 —— : | update: |.sync | v-bind.sync | v-model(含model选项和自定义v-model)
64 1
Vue-Cli的生命周期写法,methods要与data()平级,生命周期函数要与methods平级
Vue-Cli的生命周期写法,methods要与data()平级,生命周期函数要与methods平级
|
存储 JavaScript
vue中push和resolve的区别
vue中push和resolve的区别
94 1
|
JavaScript 前端开发
解决 vue 路由报错 Cannot read property 'beforeRouteEnter' of undefined
解决 vue 路由报错 Cannot read property 'beforeRouteEnter' of undefined
|
存储 前端开发
定时器中使用React hooks的 state 值不变的解决办法
定时器中使用React hooks的 state 值不变的解决办法
195 0
|
人工智能 JavaScript
vue父组件调用子组件this.$refs报错,undefined、not a function问题解决方法
vue父组件调用子组件this.$refs报错,undefined、not a function问题解决方法
|
前端开发
react学习案例14-store,action,reducer
react学习案例14-store,action,reducer
54 0
react学习案例14-store,action,reducer
|
前端开发 JavaScript 索引
React中this.setState({xxx:''})与this.state.xxx='' 有区别吗?
React中this.setState({xxx:''})与this.state.xxx='' 有区别吗?
214 0

热门文章

最新文章