帮你更快认识Vuex,数据流向

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了帮你更快认识Vuex,数据流向相关的知识,希望对你有一定的参考价值。

参考技术A vuex 是什么

是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

多个组件数据传递很困难的时候

state : 存放所有公用数据,组件使用公用数据 this.$store.state.name即可

Actions : 如果有异步操作,或者比较复杂的同步操作或批量的同步操作,都可以放在Actions里面

Mutations: 中放的是一个一个同步的对state的修改,只有通过mutations我们才能改变公用数据的值

数据改变过程:

1. vue组件先调用dispatch 来触发Actions做些异步处理或批量的同步操作,紧接着Actions通过提交commit 来调用Mutations , Mutations 中放的是一个一个同步的对state的修改,只有通过mutations才能改变公用数据的值

2. 如果逻辑简单,vue 组件也可以略过actions, 让组件直接调用mutations来修改state的公用数据的值

以上是关于帮你更快认识Vuex,数据流向的主要内容,如果未能解决你的问题,请参考以下文章

一文教会你认识Vuex状态机

Vuex的简单认识

对vuex的认识和简单理解

Vuex

2021-08-17:学习项目代码流程

knockoutjs 上自己实现的flux