Vuex狀態持久化

在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')))
		})

	}

};

`