構成 API を使用して vue 3 コンポーネントのインスタンスを作成する

Question

<p>次の構文を使用して vue3 でコンポーネントを作成するとします</p> <pre class="brush:php;toolbar:false;">// Message.vue <スクリプトセットアップ lang="ts"> const props =defineProps<{ メッセージ: 文字列 }>(); </スクリプト> <テンプレート> <span>{{ props.message }}</span> </template></pre> <p>このメッセージ コンポーネントのインスタンスを作成するにはどうすればよいですか? </p> <pre class="brush:php;toolbar:false;">「./Message」からメッセージをインポートします。 let message1 = Message({message:"hello world"}); // どうやって行うのですか?</pre> <p>この方法では、<code><component :is="message1" / >< のように、<em>message1</em> を <code><component></code> で使用できます。 ;/コード><

Answer 1

次のインポートをファイルに追加できます。

リーリー

次に、この方法でメッセージ コンポーネントを作成します。

リーリー