首先我們先用vue-cli搭建項目，安裝vuex,安裝依賴（這裏不一一講解），然後在src下建立/vuex/store.js，裏面代碼截圖

最簡單的引入vue，引入vuex,定義兩個對象，一個state(數據狀態),一個mutations（改變數據方法），最後export，因為我們別的地方要用

，比較簡單的一個實例，也是比較經典的實例，點擊加減改變state裏面的值，

紅色部分是比較麻煩一點的寫法，但是比較容易理解，下面inport之後，我們直接在頁面上顯示和這個{{ }}類似，

然後commit("fun");fun是mutations裏面的方法，比較簡便一點的寫法如下，通過計算屬性：

最後一個是最簡單的方法，就是引用vuex裏面的mapState和mapMutations,代碼如下：

和我們平時寫的幾乎一樣了吧！直接寫方法名稱就ok了，但是還有一個問題就是傳參到Store.js裏面如紅色箭頭部分，

個人理解，maoState和mapMutations分別對應vue實例裏面的計算屬性computed和methods,如上圖下面的框內所示，

接下來待分享 vuex裏面的getter、action、module，（待續），我的微信是

歡迎一起技術探討學習！

學習vue必備技能vuex