共计 506 个字符,预计需要花费 2 分钟才能阅读完成。
1.APP.vue
export default ({created() {
// 在页面加载时读取 sessionStorage 里的状态信息
if (sessionStorage.getItem("store")) {
this.$store.replaceState(
Object.assign({},
this.$store.state,
JSON.parse(sessionStorage.getItem("store"))
)
);
}
// 在页面刷新时将 vuex 里的信息保留到 sessionStorage 里
window.addEventListener("beforeunload", () => {// sessionStorage.setItem("store", "");
sessionStorage.setItem("store", JSON.stringify(this.$store.state));
});
}
})
</script>
2
`npm install vuex-persistedstate --save`
const store = new Vuex.Store({plugins: [createPersistedState()]
})
正文完