Vue的核心是資料驅動群組件化開發，無論是元件的封裝還是元件的傳參，都是面試中最常見的問題，也難倒了無數面試者，以下就跟大夥分享分享當vue 元件之間的通信感到崩潰時如何運用vuex及面試中常見vuex問題的解決。
先看常見問題：
使用Vuex隻需執行 Vue.use(Vuex)，并在Vue的配置中傳入一個store對象的示例，store是如何實作注入的？
state内部是如何實作支援子產品配置和子產品嵌套的？
在執行dispatch觸發action(commit同理)的時候，隻需傳入(type, payload)，action執行函數中第一個參數store從哪裡擷取的？
如何區分state是外部直接修改，還是通過mutation方法修改的？
帶着這些疑問，讓我們先從什麼是vuex開始——
一、vuex是什麼？
Vuex是專門為Vue服務，用于管理頁面的資料狀态、提供統一資料操作的狀态管理系統，相當于資料庫mongoDB，MySQL等，隻不過它的資料是存儲在記憶體中，頁面重新整理即消失。
二、vue和vuex關系
看一下這個vue響應式的例子，vue中的data 、methods、computed，可以實作響應式。
視圖通過點選事件，觸發methods中的increment方法，可以更改state中count的值，一旦count值發生變化，computed中的函數能夠把getCount更新到視圖。
那麼vuex又和vue這個響應式的例子有什麼關系呢？
視圖通過點選事件，觸發mutations中方法，可以更改state中的資料，一旦state資料發生更改，getters把資料反映到視圖。
那麼actions,可以了解處理異步，而單純多加的一層。
既然提到了mutions actions這時候 就不得不提commit，dispatch這兩個有什麼作用呢？
在vue例子中，通過click事件，觸發methods中的方法。當存在異步時，而在vuex中需要dispatch來觸發actions中的方法，actions中的commit可以觸發mutations中的方法。同步，則直接在元件中commit觸發vuex中mutations中的方法。
三、vuex實作
我們看下vuex中能像vue中實作改變狀态，更新視圖的功能
Store/index.js
App.vue
四、源碼分析
store注入元件install方法
vuex是通過vue插件機制将元件注入的
首先使用vuex,需要安裝插件：
可見，store注入 vue的執行個體元件的方式，是通過vue的 mixin機制，借助vue元件的生命周期 鈎子 beforeCreate 完成的。
即每個vue元件執行個體化過程中，會在 beforeCreate 鈎子前調用 vuexInit 方法。
vuex中的資料雙向綁定
getters實作
從上面源碼，我們可以看出Vuex的state狀态是響應式，是借助vue的data是響應式，将state存入vue執行個體元件的data中；Vuex的getters則是借助vue的計算屬性computed實作資料實時監聽。
mutations實作
actions實作
五、小結
Vuex是通過全局注入store對象，來實作元件間的狀态共享。在大型複雜的項目中(多級元件嵌套)，需要實作一個元件更改某個資料，多個元件自動擷取更改後的資料進行業務邏輯處理，這時候使用vuex比較合适。
假如隻是多個元件間傳遞資料，使用vuex未免有點大材小用，其實隻用使用元件間常用的通信方法即可。