什么是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 的数据修改 ,当数据修改完毕后,会传导给页面,页面的数据也会发生改变 。