Vuex状态持久化

最新推荐文章于 2024-07-23 15:47:26 发布

努力的choco

最新推荐文章于 2024-07-23 15:47:26 发布

阅读量218

点赞数

分类专栏：前端 vue

前端同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

vue

7 篇文章 0 订阅

订阅专栏

在app.vue 的created钩子里加下面代码

export default {
	name: 'app',
	components: {},
	created() {

		if (sessionStorage.getItem("vuexState") ) {
			this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(sessionStorage.getItem("vuexState"))))
			console.log('取回了vuex数据asdadasdasdas 数据为+'+this.$store.state)
		}

		window.addEventListener('beforeunload',()=>{
			sessionStorage.setItem("vuexState",JSON.stringify(this.$store.state))
		    console.log('刷新前保存了vuex 值为'+JSON.stringify(sessionStorage.getItem('vuexState')))
		})

	}

};