Struktura komponente Vue
Vsaka komponenta mora biti sestavljena iz dveh naslednjih oznak:
<script>
</script>
<template>
</template>
V oznaki template pišemo
opremo, to je predstavitev
naše komponente:
<template>
<div>
Hello World
</div>
</template>
V oznaki script pa
pišemo JavaScript kodo naše komponente.
Ta koda mora predstavljati
objekt, ki bo izvožen iz
naše datoteke komponente:
<script>
export default {
}
</script>
V izvoženem objektu so navedene različne nastavitve in funkcije komponente. Ena od nastavitev je ime te komponente:
export default {
name: 'App',
}
V oznaki template vaše komponente
izpišite kakšno besedilo z oznakami.