Aprenda a importar componentes en Svelte
Svelte ofrece componentes de un solo archivo. Cada componente se declara en un .svelte
archivo, y allí se puede escribir el código HTML, el CSS y el JavaScript necesarios.
A continuación se muestra un ejemplo simple de un componente Svelte, que se encuentra en un archivo llamado Button.svelte
:
buttonA button/button
Puedes agregar CSS y JS a este componente, pero este marcado HTML simple ya es el marcado del componente , no hay necesidad de envolverlo en otra etiqueta especial ni nada.
Para exportar este marcado desde este componente, no es necesario hacer nada. Ahora puede importarlo a cualquier otro componente de Svelte utilizando la import ComponentName from 'componentPath'
sintaxis:
scriptimport Button from './Button.svelte';/script
Y ahora puedes usar el componente recién importado en el marcado, como una etiqueta HTML:
Button /
Tal vez te puede interesar:
- Introducción a React
- Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
- Cómo cambiar el valor de un nodo DOM
- Cómo comprobar si un elemento DOM tiene una clase
Cómo importar componentes en Svelte
Svelte ofrece componentes de un solo archivo. Cada componente se declara en un .sveltearchivo, y allí se puede escribir el código HTML, el CSS y el JavaScrip
programar
es
https://aprendeprogramando.es/static/images/programar-como-importar-componentes-en-svelte-2104-0.jpg
2024-11-02
Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente