我想混合由 Php 和 VueJS 组件生成的基本 HTML，而不必一直使用 VueJS 到最低的 dom 叶子。

父布局应用了 Vue 应用程序，所有标头、导航、旁注等都是 Vue 组件，大多数页面上的主要内容仍然是由 PHP 生成的纯 HTML。

我想用Vue组件升级一小部分主要内容，但是一旦使用了HTML就无法使用它们：

Php script generates the entire dom
<div id="app"> VueJS instance mounts here.
    <Cats>This component works perfectly here.
    <div id="main Content">More HTML content generated by PHP.
        <Cats> Cats does nothing here.

在上部 DOM 中工作得很好，但在渲染一些基本 HTML 后，应用程序将不再填充下面的组件。

Php 可以在脚本标签中渲染 JS，但无法使用任何导入。

有没有办法让 Vue 实例将所有 标签视为 Cats 组件，无论它写在页面的哪个位置？

到目前为止我已经尝试过：

• 异步组件。
• 使用安装门户的门户。
• 创建另一个 Vue 实例并将其挂载到另一个 ID。

有什么想法吗？

编辑：我之前尝试过的事情可能会被我继承的这个庞然大物中的多次 UI 现代化尝试的混杂所阻碍。 因此，我不会为面临这种情况的其他人排除这些可能性。