vuejs3.0 从入门到精通——多个应用实例

多个应用实例

https://cn.vuejs.org/guide/essentials/application.html#multiple-application-instances

应用实例并不只限于一个。

createAppAPI 允许你在同一个页面中创建多个共存的 vue 应用，而且每个应用都拥有自己的用于配置和全局资源的作用域。

js:

const app1 = createApp({
  /* ... */
})
app1.mount('#container-1')

const app2 = createApp({
  /* ... */
})
app2.mount('#container-2')

如果你正在使用 vue 来增强服务端渲染 HTML，并且只想要 vue 去控制一个大型页面中特殊的一小部分，应避免将一个单独的 vue 应用实例挂载到整个页面上，而是应该创建多个小的应用实例，将它们分别挂载到所需的元素上去。