在使用vuex过程中,我们刷新页面时,vue生命周期重新运行,store中的数据会重新加载,导致页面数据丢失的问题。
这在我们开发过程中是不希望看到的,要解决这个问题,主要的思路就是当我们刷新页面之前,先将数据暂存到sessionStorage中,我们刷新页面加载数据时,从sessionStorage中获取数据,这样就不会造成数据丢失,大致有两种方法。
第一,通过生命周期钩子函数,在app.vue中添加如下代码
<template>
<div id="app">
<router-view></router-view>
</div>
</template>
<script>
export default {
name