解决vuex页面刷新数据丢失问题？

使用vuex怎么解决刷新数据不丢失？
每次存储sessionstorage又太麻烦，所以可以在根目录App.vue中监听刷新事件：

<script>
export default {
name: 'App',
mounted () {
window.addEventListener('unload', this.saveState)
},
methods: {
saveState () {
sessionStorage.setItem('state', JSON.stringify(this.$store.state))
}
}
}
</script>

在store.js里这样使用：

export default new vuex.Store({
state: sessionStorage.getItem('state') ? JSON.parse(sessionStorage.getItem('state'))
: {
token: window.sessionStorage.getItem('token'), // 存到localStorage中一样
data: {}
},
mutations: {
LOGIN: (state, data) => {
// 更改token的值
state.token = data
window.sessionStorage.setItem('token', data)
},
Ceshi: (state, res) => {
state.data = res
}
}
})

这样就可以完美解决问题了！