flux的思路

flux的實現思路

react屬於「 v 」層，flux顯然要去彌補一下 「m」 和  「c」  的東西。

組件發出Action:

 

咋們來看一下ButtonActions裏邊是怎麼寫的：

當執行到這個ButtonActions.addNewItem的時候，執行了AppDispatcher.dispach函數，這裏傳入了一個消息對象，包含兩方面：actionType: 「消息類型」，text:「傳入的參數」：

這裏的dispatcher的做用是，註冊事件，register(註冊的意思)😄

根據註冊事件的類型來執行Store層中的函數。⚠️這裏執行了對state賦值以後，執行了emitChange方法，意思就是發出chage事件

 

如今來看看專門存儲數據的store層：

裏邊包含了全部的事件方法，和state集合,view層經過引用這些方法

最後看一下view層的邏輯：

 

 

 總結一下就是render中組件，1：負責發出action(有可能攜帶參數)，目的就是爲了更新state。

2: 添加監聽事件，若是發現store層的數據發生改變了，立刻去執行setState事件。達到了更新view的目的。

 

整個的流程基本就跑通了。