引入vuex:
? ? ?npm install vuex --save
在項(xiàng)目的src里面建立文件夾store,文件如下:
store目錄
在index.js引入vue和vuex:
在index.js里面定義state狀態(tài)值:
接下來在getters.js里定義一個(gè)類似計(jì)算屬性的方法:
就像計(jì)算屬性一樣,getter 的返回值會(huì)根據(jù)它的依賴被緩存起來贩猎,且只有當(dāng)它的依賴值發(fā)生了改變才會(huì)被重新計(jì)算崔拥。
在mutation-types.js里定義好事件類型:
更改 Vuex 的 store 中的狀態(tài)的唯一方法是提交 mutation:
Action 類似于 mutation群嗤,不同在于:
Action 提交的是 mutation浇辜,而不是直接變更狀態(tài)。
Action 可以包含任意異步操作从藤。
store的調(diào)用:
最后就是調(diào)用computed獲取到的方法:
(以上代碼都是以圖片形式展示比规,一是為了防止碼農(nóng)的通病——復(fù)制粘貼,二是可以讓人多敲敲代碼讥邻,這樣敲一遍記得更牢迫靖,若有哪里講得不好請(qǐng)大家在評(píng)論里指正一下,Thanks?(?ω?)?)