首页 > 其他 > 详细

vuex流程

时间:2019-11-04 13:56:22      阅读:102      评论:0      收藏:0      [点我收藏+]

个人理解:

  1、actions  调用接口      调用方法     $store.state.dispatch("方法名",有参数传参)

  const actions ={

  

  async 方法名({commit},有参传参){

  const data = await axios.get("方法名",参数){

  params:{

    参数

    }

   })

  commit.("mutations的方法名",data  ) 

 }

}

 

  2、const state = {

  定义需要的参数

}

需要通过mutations更改state状态,调用需要在action

  3、const muataions = {

  方法名(state,传来的参数){

   state.要更改的参数 = 传来的参数 .要更改的参数

  }

}

 

export default {

  state,actions,mutatioins,module,getteer

}

-------------------------------------分割线---------------------------------------------

vuex流程

原文:https://www.cnblogs.com/yangruifan/p/11791424.html

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