vuex的自我學習

2021-10-09 08:56:02 字數 834 閱讀 5274

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 註冊...