Структура компонента Vue

Каждый компонент должен состоять из двух следующих тегов:

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

В теге template следует писать верстку, то есть представление нашего компонента:

App.vue<template>
  <div>
    Hello World
  </div>
</template>

А в теге script следует писать JavaScript код нашего компонента. Этот код должен представлять собой объект, который будет экспортироваться из нашего файла компонента:

App.vue<script>
  export default {
    
  }
</script>

В экспортируемом объекте указываются различные настройки и функции компонента. Одной из настроек является имя этого компонента:

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