vue3 如何使用的keep-alive

环境： vue3的开发环境
业务场景： 列页面进入详情页面回退，保留列表页面的滚动位置

方法1:

// App.vue
	
   
      
   
   

// router.js
const routes = [
  {
    path: '/',
    name: 'home',
    component: Home,
    meta: {
      keepAlive: true,
    },
  },
  {
    path: '/search',
    name: 'search',
    component: Search,
    meta: {
      keepAlive: false,
    },
  }]

方法2:

// App.vue
  
      
      
        
      
  

// home.vue 需要把name的属性暴漏出来