Vuex
原型prototype,但這個不是響應式式:即原值改變,但引用處的值不會自動跟着改變
首先要使用npm安裝Vuex,接着再進行如下操作
vuex一般保存在store這個文件夾下
在main.js界面引用
在vue界面使用
通過mutations修改state的內容才能被devtools所監控,不要直接修改state的內容
在vue中使用mutations
在瀏覽器中安裝devtools後,就可以跟蹤狀態了
小總結
vuex的幾個核心概念
getters的使用類似於compute,可用於從store中獲取一些state變異後的狀態
在vue中進行使用
小技巧
調用getter的時候傳入參數
調用處
聲明處
Mutation狀態更新
Mutation攜帶參數
mutation攜帶參數與getter有區別,mutation的可以直接將參數寫在參數列表中而不需要再在內部調用一個function
在vue中調用
mutation的提交風格
ODUwMA==,size_16,color_FFFFFF,t_70)
第二種風格,第二個參數已經是一個對象了
vuex數據的響應式
Mutation常量類型
注意事項
action
代碼實現
在vue界面使用action
action有回調結果的情況
action中
vue界面中
modules
代碼實現
在vue界面中使用
使用modules中的mutation
在vue中的使用方式跟普通mutation使用方式相同
使用modules中getter
在vue中的使用同普通的getter
使用modules中的action
在vue中的使用同普通的action
其中的context也包含了外層的getter和state
對象的解構
可以只解構其中的一部分數據