vuex是什么

vuex是實(shí)現(xiàn)組件全局狀態(tài)（數(shù)據(jù)）管理的一種機(jī)制，可以方便的實(shí)現(xiàn)組件間的數(shù)據(jù)共享

使用Vuex的好處

• 能夠在Vuex中集中管理共享數(shù)據(jù)，易于開(kāi)發(fā)和后期維護(hù)
• 能夠高效的實(shí)現(xiàn)組件間數(shù)據(jù)共享，提高開(kāi)發(fā)效率
• 存儲(chǔ)在Vuex中的數(shù)據(jù)都是響應(yīng)式的，能夠?qū)崟r(shí)保持?jǐn)?shù)據(jù)與頁(yè)面的同步

什么樣的數(shù)據(jù)適合存儲(chǔ)到Vuex中

一般情況下，只有組件之間共享的數(shù)據(jù)，才必要存儲(chǔ)到Vuex中

安裝Vuex依賴包

npm install vuex --save

導(dǎo)入vuex包

import Vuex from 'vuex'
Vue.use(Vuex)

創(chuàng)建store對(duì)象

const store = new Vuex.store({
  state:{coount:0}
})

將store對(duì)象掛載到vue實(shí)例中

new Vue({
  el:'#app',
  render:h => h(app),
  router,
  store
})