Componentes anidados
Colocar toda la lógica en un solo componente no es una elección sabia; puedes dividir la lógica en otros componentes y usar la importación mediante el método l-m.
En el ejemplo se importa el componente anidado llamado CompTwo a través de <l-m src="./comp-two.html"></l-m>.
A través de <comp-two :txt="val"></comp-two>, se usa un componente anidado y se pasa el atributo val del componente actual como atributo txt al componente anidado. De esta manera, el componente anidado puede usar los datos pasados para realizar la renderización.
En <comp-two></comp-two>, estamos usando un componente anidado sin pasar ningún atributo. La forma en que se utiliza aquí depende de la lógica y el diseño del componente anidado.
Si un componente se carga correctamente, sin importar dónde, se puede utilizar el componente con el nombre correspondiente. Incluso si se utiliza el componente "l-m" para cargar el mismo componente varias veces en diferentes lugares, esto no provocará que el componente se cargue varias veces. Este mecanismo garantiza la reutilización y coherencia de los componentes.