因此，我有一个php应用程序，可以呈现一些html，在网站上提供交互性。我们有一些js插件，可以使用一些选择器进行示例化，并完成它们的工作（生成表单、加载视频等）。
现在我正试图将这些插件迁移到VUE3，但在获得正确的方法方面我遇到了一些问题。
我最初的方法是注册我的组件，并在父级上装载一个vue示例，该示例将 Package 我站点上的所有内容（包括静态生成的html+我的新vue组件）。但这种方法不起作用，因为vue只会删除 Package 器中的所有内容。
我能够使组件与静态html一起工作的唯一方法是在组件周围添加一个 Package 器元素，并为页面上的每个组件安装一个新的vue示例，如下所示：

<div data-vue-component="">
   <foo-component/>
</div>

有没有办法避免这样做？理想情况下，我希望页面上只有一个示例，并且只使用静态html旁边的组件。