Vuex Store文件夾內容梳理

vuex之前只看過官方文檔，寫了一點小demo。

播放器在多個頁面可以點擊打開，那麼數據就需要放在一個公共的地方，方便取用，就用到了Vuex。這邊需要自己縷一下思路。

Vuex  store文件夾裏各文件說明

 

1）首先 index.js 入口文件

   

語法糖很多，logger在console裏面可以查看 prev state 和 next state 變化前變化後的狀態值。

2）state.js 相當於數據庫

裏面定義了數據結構，一些數據的初始狀態

3） getters.js  顧名思義 取用，不做修改

4）mutation-types.js  存放Vuex常用的變量

5）mutation.js state數據的修改操作

引入mutation-types.js 操作裏面定義的常用變量

6）action.js  調用mutation方法對數據進行操作

這裏可以對數據進行一些複雜的操作，對mutation中的多個數據可以同時操作，而mutation中只是簡單的數據操作

7) 調用 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

調用mapGetters來取用vuex裏存儲的數據                               調用mapMutations來修改數據

有點看完視頻再來補充。。。。