Structura componentei Vue

Fiecare componentă trebuie să fie formată din următoarele două tag-uri:

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

În tag-ul template trebuie scris marcajul, adică reprezentarea componentei noastre:

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

Iar în tag-ul script trebuie scris codul JavaScript al componentei noastre. Acest cod ar trebui să fie un obiect care va fi exportat din fișierul componentei noastre:

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

În obiectul exportat sunt specificate diverse setări și funcții ale componentei. Una dintre setări este numele acestei componente:

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