Secondary.html を使用して Vue3 でアプリケーションを動的に起動する

Question

vue3 プロジェクトを開発しています。

メイン.js;

リーリー

と私の public/index.html

リーリー

そして私の App.vue;

リーリー

私のストアオブジェクト;

リーリー

そして 2 番目の .html;

リーリー

OpenNewPage メソッドを使用して 2 番目の画面を開くと、ストア オブジェクトにアクセスできず、使用したいコンポーネントが機能しません。やっています;＃＃＃

Second.js

リーリー

そして私の方法

リーリー

どういうわけか、Secondary.html で実行しようとしましたが、「[Vue warn]: アプリケーションをインストールできません: ターゲット セレクターをインストールしています」のような警告が表示されました。とにかく、コードは機能しません。手伝ってもらえますか？

Answer 1

openNewPage() 新しく開いたページに対してスクリプトを実行することはできません。独自のスクリプトを実行できるのは、新しいページのみです。 openNewPage() が app2.mount() を試行すると、そのコードが (新しいページではなく) 独自のページで実行され、確認したエラーが発生します。

＃＃＃解決＃＃＃

openNewPage()

のマウント コードを削除して、新しいページのみが開くようにします: リーリー

second.html

を更新してアプリケーションをマウントするためのスクリプトを読み込み、<div id="appSecond"> 内の不要な <template> を削除します ： リーリー

second.js

に、アプリケーションをインストールするコードを追加します: リーリー