Struktur Komponen Vue
Setiap komponen mesti terdiri daripada dua tag berikut:
<script>
</script>
<template>
</template>
Dalam tag template, tuliskan
markup, iaitu persembahan
komponen kami:
<template>
<div>
Hello World
</div>
</template>
Dan dalam tag script, tuliskan
kod JavaScript untuk komponen kami.
Kod ini hendaklah berupa objek yang akan
dieksport dari fail komponen kami:
<script>
export default {
}
</script>
Dalam objek yang dieksport, ditentukan pelbagai tetapan dan fungsi komponen. Salah satu tetapan ialah nama komponen ini:
export default {
name: 'App',
}
Dalam tag template komponen anda,
outputkan beberapa teks dengan tag.
