最下位の dom リーフに至るまで VueJS を使用せずに、Php と VueJS コンポーネントによって生成された基本的な HTML を混合したいと考えています。

親レイアウトには Vue アプリケーションが適用されており、すべてのヘッダー、ナビゲーション、サイドバーなどは Vue コンポーネントであり、ほとんどのページのメイン コンテンツは依然として PHP によって生成された純粋な HTML です。

メイン コンテンツの一部を Vue コンポーネントでアップグレードしたいのですが、HTML を使用すると使用できなくなります:

# 上部の DOM では正常に動作しますが、基本的な HTML をレンダリングした後、アプリケーションは下のコンポーネントにデータを入力しなくなります。

Php はスクリプト タグで JS をレンダリングできますが、インポートは使用できません。

ページのどこに記述されていても、Vue インスタンスですべての タグを Cats コンポーネントとして扱う方法はありますか?

これまでに試したこと:

• 非同期コンポーネント。
• ポータルをインストールするポータルを使用します。
• 別の Vue インスタンスを作成し、別の ID にマウントします。