久等了，提高开发效率的 Vue 技巧来了

action 的技巧 action 是可以异步执行方法的。我在业务中通常会遇到这样的情况：获取某种信息，但是这个信息接口多个页面都用到了，每个页面都处理一下这个接口真的很麻烦。所以传入 vuex 中共享这部分信息就十分幸福了。因为是异步的所以用到了 action。提供一个参考代码：

actions: { 
    getMemberShip ({ state, commit }) { 
      return new Promise((resolve, reject) => { 
        if (!state.memberShip) { 
          // memberShip 为 ajax 请求方法 
          memberShip(state.userInfo).then(res => { 
            commit('setMemberShip', res) 
            resolve(res) 
          }).catch(err => { 
            reject(err) 
          }) 
        } else { 
          resolve(state.memberShip) 
        } 
      }) 
    }, 
} 

（编辑：西安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!