vue3切换路由后当前页面数据不变keep-alive

keep-alive是什么

keep-alive是vue中的一个内置组件，主要是将组建缓存到内存中，避免切换路由的时候页面刷新从而倒是dom的重新渲染

使用方法

router文件中index加入

meta: {
      keepAlive: true
    }

上面和vue2的keep-alive的一致的，vue3keep-alive和vue2不同的地方在App.vue

<router-view v-slot="{ Component }">
      <keep-alive>
        <component :is="Component"/>
      </keep-alive>
    </router-view>

vue2切换路由后当前页面数据不变keep-alive