vue登录鉴权，组件keepalive

app页面

判断router是否拥有keepalive的meta， 有的话进入第一个占位符，没有的话进入第二个占位符

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

路由index.js

const routes = [
  {
    path: '/home',
    name: 'Home',
    component: () => import(/* webpackChunkName: "about" */ '../components/home.vue'),
    meta: {
    // 添加该字段，表示进入这个路由是需要登录的
      requireAuth: true,  
      // 是否刷新
      keepAlive: false    
    }},
    {
    path: '/login',
    name: 'Login',
    component: () => import(/* webpackChunkName: "about" */ '../components/login.vue'),
    meta: {
     // 添加该字段，表示进入这个路由是需要登录的
      requireAuth: false, 
      // 是否刷新