翻页缓存数据（keep-alive）

app.vue

<template>
  <div id="app"> 
   <!-- <router-view/> -->
	 <keep-alive>
	       <router-view v-if='$route.meta.keepAlive'/>
	     </keep-alive>
	       <router-view v-if='!$route.meta.keepAlive'/>//判断路由里是否设置需要缓存
  </div>
</template>

<style>

</style>

index.js

在需要缓存的组件里添加meta对象

const routes = [
{
	path: '/',
	component: danxuan,
	meta:{
					keepAlive:true
				}
},
{
	path:'/fuxuan',
	component:fuxuan,
	meta:{
					keepAlive:true
				}
	
},

此时即可实现翻页不刷新数据