Struktuur van 'n Vue-komponent

Elke komponent moet uit die volgende twee etikette bestaan:

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

In die template-etiket moet jy die opmaak skryf, dit wil sê die voorkoms van ons komponent:

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

En in die script-etiket moet jy die JavaScript-kode van ons komponent skryf. Hierdie kode moet 'n voorwerp wees wat uit ons komponentlêer uitgevoer sal word:

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

Verskeie instellings en funksies van die komponent word in die uitgevoerde voorwerp gespesifiseer. Een van die instellings is die naam van hierdie komponent:

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