Vuex的工作流程,以及它的作用,使用场景

Posted document123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vuex的工作流程,以及它的作用,使用场景相关的知识,希望对你有一定的参考价值。

vuex的工作流程:

技术分享图片

  1.在vue组件里面,通过dispatch来触发actions提交修改数据的操作。

  2.然后再通过actions的commit来触发mutations来修改数据。

  3.mutations接收到commit的请求,就会自动通过Mutate来修改state(数据中心里面的数据状态)里面的数据。

  4.最后由store触发每一个调用它的组件的更新


  Vuex的作用:项目数据状态的集中管理,复杂组件(如兄弟组件、远房亲戚组件)的数据通信问题。

 


以上是关于Vuex的工作流程,以及它的作用,使用场景的主要内容,如果未能解决你的问题,请参考以下文章

我啥时候应该使用 Vuex?

Vuex - 何时使用 getter 以及何时使用状态

vuex的原理以及实现

vuex的五个属性是啥?

使用Vuex的原因其作用与使用方法

volatile原理和使用场景