首页 > 其他 > 详细

Vuex Action中方法参数的约定

时间:2020-07-15 14:10:17      阅读:70      评论:0      收藏:0      [点我收藏+]

实例代码:

actions: {
    // 获取用户信息
    getUserInfo({commit}) {
      return new Promise((resolve, reject) => {
        getUserInfo().then(user => {
          if (user.data.success) {
            commit(setUserName, user.data.data.realName)
          }
          resolve(user)
        }).catch(err => {
          reject(err)
        })
      })
    }
}

 讲解:

1.vuex中action方法区第一个参数是约定好的,第二个是用户自定义的(如果有)。第一个参数为:context,即:store的对象context,如果想限定只能使用context中的属性或者方法,则需要使用{}来限定,如:{commit}。

2.Promise可以将异步方法按一定的顺序执行,其自带2个参数。参数一:resolve正确返回后使用的参数,reject为异步函数调用失败后的调用参数。

Vuex Action中方法参数的约定

原文:https://www.cnblogs.com/jizhong/p/13304473.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!