vue中前进刷新、后退缓存用户浏览数据和浏览位置

keep-alive的使用

1.首先在我们的app.vue中定义keep-alive

<keep-alive>      
    <router-view v-if="$route.meta.keepAlive"/>    
</keep-alive>    
<router-view v-if="!$route.meta.keepAlive"/>

2.在router/index.js即我们的路由文件中，定义meta信息(因为keepAlive是自己定义在meta中的)

// list是我们的搜索结果页面
{
         
    path: '/list',  
    name: 'List',      
    component: resolve => require([