Vue 3 中使用 root div 包裹 keep-alive 组件

在 Vue 3 中，可以使用 <template> 标签包裹 <div> 元素和 <keep-alive> 元素，然后将 <template> 标签设置为 root 元素。

示例代码如下：

在上面的示例代码中，我们使用 <template> 标签包裹了 <div> 元素和 <keep-alive> 元素，并将 <template> 标签设置为 root 元素。然后在 <template> 标签中，我们使用 <keep-alive> 元素来包裹 <router-view> 组件，以实现组件的缓存和复用。

请注意，<template> 标签在 Vue 3 中是一个特殊的元素，它不会被渲染到页面中，只是用来包裹其他元素和组件的容器。