Structuur van een Vue-component

Elke component moet bestaan ​​uit twee volgende tags:

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

In de tag template moet je de opmaak schrijven, dat wil zeggen de weergave van onze component:

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

En in de tag script moeten we de JavaScript-code van onze component schrijven. Deze code moet een object zijn dat wordt geëxporteerd uit ons componentbestand:

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

In het geëxporteerde object worden verschillende instellingen en functies van de component opgegeven. Een van de instellingen is de naam van deze component:

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