vue3で注意すべき2つのポイントを詳しく解説:セットアップ

vue2の場合

親コンポーネントから子コンポーネントにプロパティを渡す

サブコンポーネントはプロパティを受け取る

受け取らない場合は$attrsで受け取る必要があります。欠点は、型に制限がなく、使用すると名前が比較的長くなることです。

使用すると名前が長くなります

Vue2、親コンポーネントは子コンポーネントのスロットを使用する

スロットの内容を印刷する

親コンポーネントが子コンポーネントの2つのスロットを使用する場合

親コンポーネントは子コンポーネントの名前付きスロットを使用します

vue3では

セットアップに関する注意事項

セットアップライフサイクルは、beforecreated

セットアップは、propsとcontextの2つのパラメータを取得できます。

子コンポーネントに2つのプロパティを渡す

印刷コンテキスト

コンテキスト属性

vue2と同様に、一部のみが宣言されている場合、残りはattrs属性にあります。

コンテキスト.emit

子コンポーネントにリスナーイベントを追加する

コンテキスト.スロット

名前付きスロットを渡す場合

または（推奨）

印刷

2つの名前付きスロットを渡す場合

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。