vuex的基本用法

2021-09-29 20:01:35 字數 463 閱讀 3133

1、this.sto

re:我

們可以通

過thi

s.

store : 我們可以通過 this.

store:

我們可以

通過th

is.store 在vue的元件中獲取 vuex的例項。

2、state : vuex中的資料來源,我們可以通過this.$store.state 獲取我們在vuex中宣告的全域性變數的值。

3、getter: 相當於vue中的computed , 及 計算屬性, 可以用於監聽、計算 state中的值的變化

4、mutation: vuex中去運算元據的方法 (只能同步執行)

5、action: 用來操作 mutation 的動作 , 他不能直接去運算元據源,但可以把mutation變為非同步的

6、module: 模組化,當你的應用足夠大的時候,你可以把你的vuex分成多個子模組

Vuex基本用法

突變 方 法 一 方 法 二 2 mutation 突變 點選實現隔一秒加1 store.js mutations 1000 子元件 addition.vue 延時 1 點選延時 1按鈕,會發現 count 的值還是初始值,未發生變化 所以 不要在 mutations 突變中執行非同步操作 acti...

Vuex的屬性及基本用法

1.state 提供唯一的公共資料源,所有共享的資料統一放到store的state中進行儲存 元件訪問state中資料的第一種方式 this.store.state.全域性資料名稱元件訪問state中資料的第一種方式 1.從vuex中按需匯入mapstate函式 import from vuex 2...

Vuex的基本方法

1 vuex是中心狀態管理方案,vuex裡面的store相當於乙個倉庫,用來儲存資料的。2 const store new vuex.store 呼叫 this.sto re.s tate 屬性名 muta tion s thi s.store.state.屬性名 mutations this.st...