Vuex的应用

Vuex是什么？

专门在Vue中实现集中状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理，也是一种组件通信的方式，且适用于任意组件的通信。

什么时候使用Vuex？

1.多个组件依赖同一个状态

2.来自不同组件的行为需要变更同一状态

Vuex的运行图示:

 

 State：用于存储共享的数据

Actions：用于响应组件中的请求（Ajax请求）

mutations：用于操作数据State

vm.$store.getters配置项：用于对State中的共享数据进行加工

mapState方法:用于帮助我们映射state中的属性为计算属性

mapGetters方法:用于帮助我们映射getters中的属性为计算属性

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

mapMutations方法:用于帮助我们生成与mutations对话的方法,包括$store.commit(xxx)函数