Web前端知識培訓：Vuex狀態(tài)管理模式

　　若要理解為什么Vuex是一個狀態(tài)管理模式，需要先理解Vue中的單向數(shù)據(jù)流機制。在Vue中，組件的狀態(tài)變化是通過Vue單向數(shù)據(jù)流的設計理念實現(xiàn)的，示例代碼如下：

　　Vue中的單向數(shù)據(jù)流主要包含以下3個部分。

　　·State：驅(qū)動應用的數(shù)據(jù)源。

　　·View：以聲明方式將state映射到視圖。

　　·Actions：響應在View上的用戶輸入導致的狀態(tài)變化。

　　下面我們通過一個示意圖來演示單向數(shù)據(jù)流的方向，如圖6-4所示。

　　圖6-4 單向數(shù)據(jù)流

　　Vue的單向數(shù)據(jù)流增強了組件之間的獨立性，但是存在多個組件共享狀態(tài)的時候，單向數(shù)據(jù)流狀態(tài)就會被破壞。為了數(shù)據(jù)維護更加方便，需要將組件共享狀態(tài)抽離出來，用全局單例模式來管理。在這種模式下，任何組件都能獲取狀態(tài)或者觸發(fā)行為，這就是所謂的Vuex數(shù)據(jù)狀態(tài)管理。Vuex是專門為Vue設計的狀態(tài)管理庫，以利用Vue的細粒度數(shù)據(jù)響應機制來進行高效的狀態(tài)更新。