[vuex]持久化存储
App.vue //cache缓存永久缓存的变量
<script> export default { name: "App", created() { this.persisted(); }, methods: {//持久化 persisted() { if (sessionStorage.getItem("cache")) { this.$store.replaceState( Object.assign( {}, this.$store.state, JSON.parse(sessionStorage.getItem("cache")) ) ); sessionStorage.removeItem("cache"); } //监听刷新 addEventListener("beforeunload", () => { sessionStorage.setItem( "cache", JSON.stringify(this.$store.state.cache) ); }); }, }, }; </script> <style> </style>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步