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