vuex 入門教程

vuex是什麼？
想必你們已經看過官方文檔。就個人理解來講，能夠把它當成一個全局對象，能夠在全局對其操做state.

vuex項目目錄

State

保存了整個對象的狀態，數據的格式須要根據業務需求給定。

在這個小demo中a,b組件分別向c組件發送數據，因此定義了2個初始化數據；

Getters

一些簡單或通用的操做能夠抽取到getters上來，方便在應用中引用

好比：從c組件直接獲取a,b組件發送過來的數據；分別定義了2個方法用來接收；

能夠經過...mapGetters獲得這2個方法發送的數據，也能夠經過...mapState直接獲取state裏面的狀態（圖中註釋部分）

Actions

全部數據的提交都在actions

能夠經過圖中方法觸發子組件提交事件

commit是從對象解構出來方法，

經過commit把提交的數據傳遞給mutations

Mutations

經過commit提交過來的方法在

mutations繼續加工（執行同步操做）

經過vuex的一個全局對象進行暴露

再把vuex.Store生成的實例掛載到根節點中

github源碼地址:

https://github.com/jeromehan/... 若是您喜歡點個贊，您的點贊是我寫下去的動力！