vuex流程

个人理解:

  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

}

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

猜你喜欢

转载自www.cnblogs.com/yangruifan/p/11791424.html