天天看點

vuex 計數器案例

vuex 計數器案例

vuex 計數器案例

目錄結構如下,因為之前使用過vue-Router所有建立過一個檔案夾名字是router

vuex 計數器案例

使用下列指令安裝vuex

内容為:

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簡單計數器​​