Estructura de un componente Vue

Cada componente debe consistir en las dos siguientes etiquetas:

App.vue<script>
  
</script>
<template>
  
</template>

En la etiqueta template se debe escribir el marcado, es decir, la vista de nuestro componente:

App.vue<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:

App.vue<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:

App.vueexport default {
  name: 'App',
}