Estructura de un componente Vue
Cada componente debe consistir en las dos siguientes etiquetas:
<script>
</script>
<template>
</template>
En la etiqueta template se debe escribir
el marcado, es decir, la vista
de nuestro componente:
<template>
<div>
Hello World
</div>
</template>
Y en la etiqueta script se debe
escribir el código JavaScript de nuestro componente.
Este código debe ser un
objeto que será exportado
desde nuestro archivo de componente:
<script>
export default {
}
</script>
En el objeto exportado se especifican varias configuraciones y funciones del componente. Una de las configuraciones es el nombre de este componente:
export default {
name: 'App',
}
En la etiqueta template de tu componente
muestra algún texto con etiquetas.
