自己對vuex 和 redux的理解

2022-03-05 04:42:36 字數 411 閱讀 6448

1.毫無以疑問都是用了設計模式中的 觀察者模式 或者說 發布-訂閱模式

2.發布訂閱模式 需要有 事件物件event ,事件物件有 listen(訂閱) ,trigger(發布訊息) ,remove(取消訂閱) 等屬性

3.在vuex中,vue.store 相當於event物件, store.commit 相當於trigger , mutation 中的函式名 則 相當於 訂閱的事件

4.在react中,initstate相當於event物件 ,dispatch相當於trigger , dispatch 的 函式名 則 相當於 訂閱的事件

5.還有就是vue中元件通訊方法 有乙個經常說的eventbus ,本質上也是乙個觀察者模式

元件或物件之間的聯絡會被隱藏起來,造成**理解困難,難以維護。個人建議還是根據需要看寫到**合適。

簡談自己對redux的理解

redux描述 通過 react redux 中的 provider 將store總分支注入根元件,其原理就是所謂的context原始碼如下 export function createprovider storekey store subkey constructor props,context ...

vuex與redux的使用

state 儲存資料 mutations 修改state資料的同步方法 actions 非同步方法,請求之類的 modules 掛載別的倉庫 vue例項中使用this.store.xx來使用資料,呼叫action中的方法需要 this.store.dispatch 方法名 進行分發,需要呼叫muta...

vuex 與 redux 的 區別

一 redux和flux的區別 1 redux是flux中的乙個實現 2 在redux中我們只能定義乙個store,在flux中我們可以定義多個 3 在redux中,store和dispatch都放到了store,結構更加清晰 4 在redux中本身就內建state物件,對倉庫的管理更加明確 二 r...