p89 vuex引入

vuex狀態(tài)管理庫

1.概念：vuex是一個專門為vue.js應(yīng)用程序開發(fā)的狀態(tài)管理模式+庫。

2.使用vuex的好處：

便于維護(hù)。當(dāng)頁面有多個共享狀態(tài)使用vuex會讓代碼優(yōu)化好維護(hù)

優(yōu)化性能。能夠緩存異步數(shù)據(jù)，減少后端的訪問，用戶體驗提升了

3.什么時候需要使用：并不是必須存在的，不打算使用大型單頁面應(yīng)用，使用vuex可能更繁瑣

使用流程總結(jié)：

1.創(chuàng)建一個store文件夾（因為要存放全局狀態(tài)，store屬于單獨一個模塊，所以將它放在src文件夾下），且在store文件夾下創(chuàng)建一個index.js文件

2.下載vuex依賴包，并且在index.js文件中導(dǎo)入創(chuàng)建store的方法（createStore）

3.在方法中寫入項目需要的數(shù)據(jù)（考慮到五個屬性：state：存放全局狀態(tài)，mutations：vuex 中唯一一個能夠修改 state 中數(shù)據(jù)的地方，actions：書寫異步代碼，getters：vuex 中的計算屬性，modules：在 vuex 中 拆分模塊的）

4.將創(chuàng)建的store導(dǎo)出

5.在需要使用全局狀態(tài)的文件中導(dǎo)入store