簡談自己對redux的理解

redux描述

通過 react-redux 中的 provider 將store總分支注入根元件，其原理就是所謂的context原始碼如下

export function createprovider(storekey = '

store
', subkey) 
}constructor(props, context) 
render() 
}}

，然後通過react-redux的connect使其元件可以訪問到store 因為redux和react沒有直接的關係 不像vue和vuex那樣基情滿滿，connect有四個引數分別是

connect([mapstatetoprops], [mapdispatchtoprops], [mergeprops], [options])

第乙個引數：允許我們把store中的資料作為props繫結到元件上，只要store更新了就會呼叫這個方法。例子如下

const mapstatetoprops = (state) =>)

}

第二個引數：允許我們將action作為props繫結到元件中，例子如下

const mapdispatchtoprops=(dispatch)=>)}}

}export default connect(mapstatetoprops, mapdispatchtoprops)(yourcomponent)

自己對vuex 和 redux的理解

1.毫無以疑問都是用了設計模式中的 觀察者模式 或者說 發布 訂閱模式 2.發布訂閱模式 需要有 事件物件event 事件物件有 listen 訂閱 trigger 發布訊息 remove 取消訂閱 等屬性 3.在vuex中，vue.store 相當於event物件，store.commit 相當於...

簡談對虛擬Dom的理解

簡單說一下我自己對虛擬dom的理解。由於 jquery es6模板字串 渲染dom 真實的渲染 效能巨差 所以 為了提高效能虛擬dom就是把真實的dom轉成js 物件樹 虛擬dom建立以後 也就是componentwillmounted完成的時候 就建立了這個源樹 根據元件內部的state 父元件的...

簡談vuex的理解

vuex 組成部分 1.action 2.mutation 3.state 邊外component 通過元件通過dispatch派發action 型別有兩種寫法 以載荷形式分發this.store.dispatch cart delete id 以物件形式分發 store.dispatch disp...