Vuex

vuex统一管理的好处:
1.能够在vuex中集中管理共享的数据，易于开发和后期维护

2.能够高效的实现组件之间的数据共享，提高开发效率

3.存储在vuex中的数据都是响应式的，能够实时保持数据与页面同步

（当存储在vuex中的数据发生了变化，那么引用了全局数据的那些组件也会进行刷新）

Vuex是什么?

集中管理所有组件的数据

可以把它理解为是一个仓库

将组件中公有的数据都抽到VueX中

VueX中的数据 所有的组件都可以获取 所有的组件都可以修改

下载

npm install vuex --save

在组件中获取VueX的数据

HTML
{{$store.state.count}}

JavaScript
this.$store.state.count

在组件中修改VueX的数据

VueX修改数据必须通过 mutations 中的方法修改数据
this.$store.commit(''mutations中的方法,'参数')

VueX - state

数据

所有组件的都可以使用 获取数据

VueX - mutation

方法 修改state中的数据

getters的使用：

如果多个组件都用到一个对state里数据处理过的值，比如求和案例中sum的20倍。通过getters仅处理一次，就可以让多个组件同时使用。