关于vuex学习

什么是vuex

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

getters使用：当state中的数据需要经过加工后再使用时，可以使用getters加工。

四个map的使用方法

mapState方法：用于帮助我们映射state中的数据为计算属性。

mapGetters方法：用于帮助我们映射getters中的数据为计算属性。

mapActions方法：用于帮助我们生成与actions对话的方法。即：包含$store.dispatch(xxx)的函数。

mapMutations方法：用于帮助我们生成与mutations对话的方法。即：包含$store.commit(xxx)的函数。

vuex的数据传输过程

当组件进行数据修改的时候我们需要调用 dispatch 来触发 actions 里面的方法。actions 里面的每个方法中都会 有一个1、commit 方法，当方法执行的时候会通过 commit 来触 mutations 里面的方法进行数据的修改2、mutations 里面的每个函数都会有一个 state 参数，这样就可以在 mutations 里面进行state 的数据修改 ，当数据修改完毕后，会传导给页面，页面的数据也会发生改变 。