Vue3 中使用 keep-alive 缓存路由组件并用 root div 包裹

在 Vue 3 中，可以使用 createApp 创建根实例，然后在根实例中使用 keep-alive 组件，并将其包裹在 div 元素中。

示例代码如下：

<div id='app'>
  <keep-alive>
    <router-view />
  </keep-alive>
</div>

import { createApp } from 'vue'
import router from './router'
import App from './App.vue'

const app = createApp(App)

app.use(router)

app.mount('#app')

在上面的示例代码中，<router-view> 是路由组件，<keep-alive> 用于缓存路由组件的状态，而 div#app 则是根节点，用于包裹整个应用。