Структура на 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',
}