index
state 存放狀態
mutations state成員操作
getters 加工state成員給外界
actions 非同步操作
modules 模組化狀態管理
mutations與actions的區別:
主要的區別在於mutations 只能是同步操作,action 可以包含非同步操作,而且可以通過 action 來提交 mutations
mutations 有乙個固有引數 state,接收的是 vuex 中的 state 物件
action 也有乙個固有引數 context,但是 context 是 state 的父級,包含 state、getters
const store = new vuex.store(,
mutations:
},actions:
}})
關於vuex的坑:
store與router相當於兩個工具,components與views相當於vue例項(main.js引入了store router這兩個工具,所以直接可以在views中用this.sto
re.c
ommi
t),但
如果在r
oute
r要使用
this
.store.commit),但如果在router要使用 this.
store.
comm
it),
但如果在
rout
er要使
用thi
s.store.commit,就要單獨引入import store…
Vuex 學習總結
好在之前接觸過 flux,對於理解 vuex 還是很有幫助的。react 學到一半,後來因為太忙,就放棄了,現在也差不多都忘記了。不過感覺 vuex 還是跟 flux 還是有點區別的。對於很多新手來說,只是閱讀文件是不好消化,我的建議是看看 vuex 的例項,通過研究例項來學習vuex。這樣就會好理...
Vuex 學習總結
好在之前接觸過 flux,對於理解 vuex 還是很有幫助的。react 學到一半,後來因為太忙,就放棄了,現在也差不多都忘記了。不過感覺 vuex 還是跟 flux 還是有點區別的。對於很多新手來說,只是閱讀文件是不好消化,我的建議是看看 vuex 的例項,通過研究例項來學習vuex。這樣就會好理...
VueX基礎學習
vuex是為了儲存元件之間共享資料二誕生的,如果元件之間有要共享的資料,可以直接掛載到vuex中,而不必通過父子元件傳值了,如果元件的資料不需要共享,那就不必放在vuex中。安裝vuex包npm i vuex s匯入vuex包 在main.js中引入 import vuex from vuex 註冊...