簡談vuex的理解

vuex

組成部分    1.action 2.mutation 3. state 邊外component

通過元件通過dispatch派發action  型別有兩種寫法 

//

以載荷形式分發

//

以物件形式分發
store.dispatch()

dispatch 派發完畢後 action進行commit()  例如：

delete(,id)

然後就會呼叫mutation  mutation修改原state

delete(state,item)

else
});

由於整個vue體系都是響應式體系 他會自動render那個元件 不用scribe  但是前提的注入那個store

也就是這樣

import vue from

'vue
'import vuex 
from
'vuex
'vue.use(vuex)
import cart 
from
'./modules/cart.js
'let store=new
vuex.store(}) 
export 
default
store 
//然後在根元件引入這個 store
import vue from
'vue
'from''
import router 
from
'./router/index.js
'import store 
from
'./store/index.js
'vue.config.productiontip = false
newvue().$mount(
'')

整個完整的vux操作流程就是這樣的

簡談自己對redux的理解

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

簡談對虛擬Dom的理解

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

Vuex我的理解

vuex 是乙個專門為vue.js應用程式開發的狀態管理模式 雖然 vuex 可以幫助我們管理共享狀態，但也附帶了更多的概念和框架。這需要對短期和長期效益進行權衡。如果不打算開發大型單頁應用，使用 vuex 可能是繁瑣冗餘的。確實是如此 如果您的應用夠簡單，您最好不要使用 vuex。乙個簡單的 gl...