vue3中keepAlive的使用

在vue3中当A页面跳转B页面，从B页面返回A页面时需要保存A页面中填写的数据时，需要用到keepAlive，在vue3中使用如下：

1、在路由中配置keepAlive

{
    path: “/home", //会场布局
	name: "home",
	meta: {
		keepAlive: true  //需要缓存
	},
	component: () => import('../views/ home/home.vue'),
},

2、和rooter-view配合使用

<router-view v-slot="{ Component }">
    <keep-alive>
      <component :is="Component" v-if="$route.meta.keepAlive" :key="$route.name"></component>
    </keep-alive>
    <component :is="Component" v-if="!$route.meta.keepAlive" :key="$route.name"></component>
</router-view>