vue學習筆記 vuex

2021-08-15 17:52:25 字數 714 閱讀 9464

store  倉庫部分

資料儲存 state

state 可以顯示的展示資料格式等等,形象理解就是為資料佔位置。

思考:在什麼位置可以 顯示的生成資料,除state內以外?

獲取資料 getters 

getters 寫入獲取資料的方法,vuex提供了 filter,find等篩選資料的方法

狀態變更 mutation

mutation 可以更改 state裡面的資料狀態,必須是同步,非同步不支援,通過store.commit 方法 更改狀態

store.commit 方法帶兩個引數或者乙個引數, 兩個引數時,第乙個為mutation內的方法名稱, 第二個才是傳入該方法的乙個引數;乙個引數時,引數必須是object,且 必須帶type屬性,該屬性為mutation內的方法名稱,並且該物件作為引數傳給該方法

動作 action

action 類似於 mutation,不同在於:action 提交的是 mutation,而不是直接變更狀態。action 可以包含任意非同步操作。

action 通過 store.dispatch 方法觸發 使用類似mutation

模組 module

new vuex.store(

})每個module都可以單獨擁有state、getter、mitation、action

輔助函式 mapstate、mapgetter、mapmutation、mapaction

Vue學習筆記 十一 Vuex

目錄vuex 是乙個為 vue 應用程式開發的狀態管理模式,它用集中式儲存來管理應用所有元件的狀態 簡單來說,它的作用就是把所有元件的共享狀態抽取出來,以乙個全域性單例的模式進行管理 我們可以把 vuex 理解成乙個 store,裡面儲存著所有元件共享的 state 資料 和 mutations 操...

Vue學習筆記 Vuex之Getters

getters只有當資料發生改變時才會重新倍計算 類似於計算屬性 需求 1 獲取uers年齡 age 大於18歲的資料 state getters getnum state,getters 需求 2 獲取uers年齡 age 大於18歲資料的數量 getters getnum state,gette...

Vue全家桶 Vuex學習筆記

終於學完了vue vue loader vuex三件套!vuex學習完了記錄筆記如下,是看的b站上的vue入門到實戰和對比著官方文件學習的 npm install s vuex import vuex from vuex import vue from vue vue.use vuex const ...