vuex 計數器案例
目錄結構如下,因為之前使用過vue-Router所有建立過一個檔案夾名字是router
使用下列指令安裝vuex
内容為:
state對象:
1、vuex管理的狀态
2、唯一的
3、state對應data,是資料源
mutations對象
1、包含多個直接更新state的方法(回調函數)的對象
2、誰來觸發:action中的commit()
3、隻能包含同步的代碼,不能寫異步代碼
actions對象
1、包含多個時間回調函數的對象
2、通過執行:commit()來觸發mutation的調用,間接更新state
3、誰來觸發:元件中store.dispatch('action 名稱')
4、可以包含異步代碼(定時器,ajax)
因為友善起見,直接在App.vue裡面加入了下列代碼
本案例是一個簡單的vux使用例子,後續學習會繼續補充
[1]Vuex 官網
[2]vuex簡單計數器