vuex 概述

在 Vue 中，组件之间共享数据的方式有：

• 父组件向子组件传值：v-bind 属性绑定，例如： :data="products"
• 子组件向父组件传值：v-on 事件绑定，例如：@click="clickMe"
• 兄弟组件之间共享数据：EventBus 事件总线，例如：$emit 用于发送数据的组件，$on 用于接受数据的组件

以上三种方案只适合在小范围内实现数据共享，如果我们要频繁的或者说在大范围内实现数据共享，那么就需要用到 vuex 了。

Vuex是实现组件全局状态 (数据) 管理的一种机制，可以方便的实现组件之间的数据共享。

画图

使用 Vuex 统一管理状态的好处

• 能够在 Vuex 中集中管理共享的数据，易于开发和后期维护
• 能够高效的实现组件之间的数据共享，提高开发效率
• 存储在 Vuex 中的数据都是响应式的，能够实时保持数据与页面的同步，即：若存储在 Vuex中的数据发生了变化，那么那些引用了全局的数据的组件也能够实时的进...