mpvue中配置vuex並持久化到本地Storage

demo代碼： github.com/jianjian-we…

# 配置vuex和在vue中相同，只是mpvue有一個坑，就是不能直接在new Vue的時候傳入store。

步驟：

1.在src目錄下新建一個store目錄，結構以下（官方推薦：vuex.vuejs.org/zh-cn/struc…）

2. 在main.js中引入你的store, 並綁定到Vue構造函數的原型上，這樣在每一個.vue的組件均可以經過this.$store訪問store對象。

3. ok，能夠使用了。我說一下vuex官方推薦的使用方案（可適應大型應用）。

 首先在mutation-types.js中定義你的Mutation的名字

爲何要先定義名稱常量？（下圖截取自vuex文檔）

而後在mutations.js中寫處理方法

接着在index.js中定義變量：

ok,下面在組件中使用

ok了。

# 將vuex中的數據持久化到本地 （使用vuex-persistedstate）（github.com/robinvdvleu…）

安裝插件後在store中引入（配置以下）：

ok 了（vuex中的數據已經實時的同步到本地）。

（tips: 提示，小程序每次進入都會執行removeItem方法，致使數據存儲不下來，因此暫時把上圖的removeItem後面的函數寫爲一個空函數！！）

demo代碼： github.com/jianjian-we…