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僅處理一次，就可以讓多個元件同時使用。