vuex的持久化

首先說一下vuex持久化的工作原理吧，

為了再重新整理的時候，保持我們的登入狀態，以及一些重要的檔案，我們需要儲存一些東西在快取裡面；

而當我們開發的時候，不知道什麼時候快取什麼值，就會導致各種小bug，一重新整理，找不到了；

vuex-persistedstate的理念就是把store裡面的資料自動快取起來；

下面看一下**

import vue from "vue";

import vuex from "vuex";
import mutations from "./mutation";
//import getters from "./getter";
import createpersistedstate from "vuex-persistedstate";
vue.use(vuex);
const state = ;
const vuexpersisted = new createpersistedstate();
export default
new vuex.store();

key是快取時的欄位名稱

storage時快取方式，可以是localstorage，也可以是sessionstorage，或者自己定義一些訪問方式

modules，是你要快取的東西

然後在export裡面當作外掛程式引入

這個時候差不多就完成一半了，當然，你想讓他起作用，得刺激一下他們啊

mutations.js

export default 

}

changeuser(data)

vuex狀態持久化

npm install vuex persistedstate 在store.js裡 import createpersistedstate from vuex persistedstate const state export default new vuex.store vuex persist...

VueX資料持久化

解決 vue重新整理時獲取不到資料 解決方案 1.本地儲存 2.vuex資料持久化工具外掛程式 import vue from vue import vuex from vuex vue.use vuex export default new vuex.store mutations 元件中使用 加...

vuex的持久化資料

1.為什麼需要將vuex資料進行持久化？1 商品分類頁資料資訊是否經常會發生變化？答案是否定的 2 對於不經常發生變化的資料，是否還需要浪費資源進行請求？答案是否定的 3 當前操作將產品加入到購物車，是否希望下次再開啟的時候購物車資訊已經是被清除了？答案是否定的 4 如果商品分類的資料已經在本地的快...