嵌套コンポーネント
全ての過剰なロジックを1つのコンポーネントに置くことは賢明な選択ではありません。代わりに、ロジックを別のコンポーネントに分割し、l-mの方法で他のコンポーネントをインポートして使用することができます。
案例中、<l-m src="./comp-two.html"></l-m>という記述により、CompTwoという名前のネストコンポーネントがインポートされています。
ネストされたコンポーネントは、<comp-two :txt="val"></comp-two> を介して使用され、現在のコンポーネントの val 属性が txt 属性としてネストされたコンポーネントに渡される。 このようにして、入れ子になったコンポーネントは渡されたデータをレンダリングに使用することができる。
<comp-two></comp-two>で、私たちはプロパティを渡さずにネストされたコンポーネントを使用しています。これは、ネストされたコンポーネント自体のロジックやデザインに依存しています。
どこであっても、1つのコンポーネントが正常にロードされれば、該当する名前のコンポーネントを使用することができます。 l-m コンポーネントを複数の場所で複数回使用しても、コンポーネントが複数回ロードされることはありません。この仕組みにより、コンポーネントの再利用と一貫性が保証されます。