Struktuur van 'n Vue-komponent
Elke komponent moet uit die volgende twee etikette bestaan:
<script>
</script>
<template>
</template>
In die template-etiket moet jy die
opmaak skryf, dit wil sê die voorkoms
van ons komponent:
<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:
<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:
export default {
name: 'App',
}
In die template-etiket van jou komponent,
voer 'n teks met etikette uit.
