vuex與redux的區別

vuex的流向:
view——>commit——>mutations——>state變化——>view變化(同步操做)
view——>dispatch——>actions——>mutations——>state變化——>view變化(異步操做)vue

 

redux的流向:
view——>dispatch——>actions——>reducer——>state變化——>view變化(同步異步同樣)vuex

Redux相對於Flux的改進:
(1)把store和Dispatcher合併,結構更加簡單清晰
新增state角色,表明每一個時間點store對應的值,對狀態的管理更加明確
Redux數據流的順序是:
(2)View調用store.dispatch發起Action->store接受Action(action傳入reducer函數,reducer函數返回一個新的state)->通知store.subscribe訂閱的從新渲染函數
Vuex是專門爲Vue設計的狀態管理框架,
一樣基於Flux架構,並吸取了Redux的優勢
Vuex相對於Redux的不一樣點有:
(1)改進了Redux中的Action和Reducer函數,以mutations變化函數取代Reducer,
無需switch,只需在對應的mutation函數裏改變state值便可
(2)因爲Vue自動從新渲染的特性,無需訂閱從新渲染函數,只要生成新的State便可
(3)Vuex數據流的順序是:View調用store.commit提交對應的請求到Store中對應的mutation函數->store改變(vue檢測到數據變化自動渲染)redux

相關文章
相關標籤/搜索