如何变相实现 vue3 中多次调用 createapp
在 vue3 中， createapp 方法只能调用一次。然而，为了在某些情况下手动挂载组件，我们或许需要多次调用 createapp。本文将介绍如何变相实现这一需求。
场景一：手动挂载弹窗
通过扩展 vue 实例创建自定义组件后，我们可以使用自定义组件实例的手动挂载功能。在 vue3 中，我们使用 createapp 代替 extend，但要注意的是，每次 createapp 的返回值都会不同，后续调用不会有 umount 方法。
立即学习“前端免费学习笔记（深入）”；
场景二：渲染自定义列内容
为了获取渲染后的输出用于导出，我们需要手动挂载渲染函数并获取其 textcontent。注意，手动挂载的应用程序没有 umount 方法，导致应用程序无法卸载。
变相实现多次调用 createapp
为了变相实现多次调用 createapp，我们需要纠正 createapp 的调用方式：
- 正确调用格式：
const app = createapp(app) app.mount(el) app.unmount() // createapp 的返回值有 umount
- 错误调用格式：
const app = createApp(App).mount(el) app.unmount() // app 是 mount 返回的 没有 unmount 方法
通过使用正确的调用方式，我们可以访问 createapp 返回对象的 umount 方法，从而卸载手动挂载的应用程序。
