帮你更快认识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,数据流向的主要内容,如果未能解决你的问题,请参考以下文章