vuex流程

Posted yangruifan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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

}

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

以上是关于vuex流程的主要内容,如果未能解决你的问题,请参考以下文章

使用Vuex打开log功能

前端vue进阶实战:从零打造一个流程图拓扑图项目Nuxt.js + Element + Vuex

vuex的使用详细说明

vuex的使用详细说明

Vuex

vuex的使用