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.png
网友评论