# 配置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…

總結

以上所述是小編給大家介紹的mpvue中配置vuex并持久化到本地Storage圖文教程解析，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！