千鋒教育前端Vue3.0全套視頻教程(Kerwin2023版,Vue.js零基礎(chǔ)

vuex:
執(zhí)行流程:vuex的執(zhí)行流程分為同步和異步兩種情況。
1,在同步情況下,我們將數(shù)據(jù)存儲在state中, 然后通過Commit操作將state提交到Mutations中,并在Mutations中對state中的數(shù)據(jù)進(jìn)行修改。注意Mutations是一個同步的操作,他會將state作為自己的第一個參數(shù),然后將payload作為自己的第二個參數(shù)。
2,在異步的情況下,state數(shù)據(jù)就不能直接將數(shù)據(jù)提交到Mutations當(dāng)中。而是要先通過Dispatch來向組件中分發(fā)Actions,然后,通過Actions操作來向Mutations提交state數(shù)據(jù)。
3,當(dāng)我們需要獲取state的信息時,可以通過getters方法來獲取。語法為:$store.getters
為什么Mutations操作要是同步的為不是異步的呢?一,是為了保證vuex執(zhí)行過程中狀態(tài)的可預(yù)測性,在同步狀態(tài)下,當(dāng)一個Mutations被觸發(fā)時,我可以確保state狀態(tài)會立即改變。
二,同步的代碼邏輯更容易理解和維護(hù),異步代碼的邏輯相較于同步代碼更為復(fù)雜。
標(biāo)簽: