上一篇文章介紹了 Flux 的基礎,今天就讓我們用 To-do app 來更深入了解 Flux 架構的運作原理吧~~~~~~
每一次的 store 發生改變,意味著某個 method 被觸發,並產生了與原本視圖層不同的結果。
在 stores
資料夾下的 TodoStore.js
創建 creaTodo()
,透過 .push()
把輸入的 to-do 事項存取到陣列中
createTodo(text) {
const id = Date.now();
this.todos.push({
id,
text,
complete: false,
});
this.emit("change");
}
emit() 方法,用來觸發事件,它的参數是事件的名稱
未完待補。。。