Vue用keep-alive实现页面缓存

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

    {
      path: '/',
      name: 'index',
      component: () =>
        import( /* webpackChunkName: "index" */ '@/views/index'),
      meta: {
        title: '首页',
        keepAlive: true
      }
    },

router.beforeEach((to, from, next) => {
  window.scrollTo(0, 0);
})