Struktura komponentu Vue

Każdy komponent musi składać się z dwóch następujących tagów:

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

W tagu template należy pisać znaczniki, czyli widok naszego komponentu:

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

A w tagu script należy pisać kod JavaScript naszego komponentu. Ten kod powinien reprezentować obiekt, który będzie eksportowany z naszego pliku komponentu:

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

W eksportowanym obiekcie określa się różne ustawienia i funkcje komponentu. Jednym z ustawień jest nazwa tego komponentu:

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