Vue 3 の動的にロードされたコンポーネント フックがトリガーされない

Question

私はこの (質問の略) 単一ファイル コンポーネント (vue 3.2.31) を持っています:

リーリー

これは vitejs 経由でバンドルされ、(たとえば) NamedExport としてエクスポートされ、オンデマンドで base64 エンコード文字列 としてクライアント側にインポートされます。

リーリー

その場合、結果は次のようになります:

リーリー

これは 問題なく動作します ただし、2 つの点を除いて、1 つはフックが呼び出されないこと (この場合は onMounted)、もう 1 つはスタイルも呼び出されないことです。インポーターと呼ばれます。

これは予期された動作ですか、それとも何かが足りないのでしょうか? <script setup> は責任のあるコンポーネントを記述する方法ですか?

Answer 1

実行中の Vue インスタンスが 2 つあるようです (1 つはパッケージにバンドルされ、ロールアップで、もう 1 つはスクリプト自体にインポートされています)。不明な理由により、どちらのインスタンスも実行されていません。コールフックを実行しています。

インスタンスの 1 つを削除することで (実際には、ロールアップ ビルド構成で vue を外部として渡します)、正常に動作するようになりました。