Vue 3 で動的コンポーネントのインポートを実装する方法を学習します。
<p>この記事によると、コンポーネントを Vue 3 アプリケーションに動的にインポートしたいと考えています。ビューのコードは次のとおりです。 </p>
<pre class="brush:php;toolbar:false;"><テンプレート>
<div class="ページ">
<latest-box v-if="showlatestBox" />
</div>
</テンプレート>
<スクリプト>
// @ は /src のエイリアスです
// このメソッドは機能します
//「@/components/latestBox.vue」からlatestBoxをインポートします
デフォルトのエクスポート {
名前: 'ページ 1'、
データ（） {
戻る {
showlatestBox: true、
}
}、
コンポーネント: {
最新ボックス: () => import('@/components/latestBox.vue') // このメソッドは無効です
}
}
</script></pre>
<p>コードはエラーを報告しませんが、ページ上にコンポーネントが表示されません。最初のインポート方法を使用すると、うまくいきます。私は何か見落としてますか？ </p>
