Struktur Komponen Vue
Setiap komponen harus terdiri dari dua tag berikut:
<script>
</script>
<template>
</template>
Dalam tag template, tuliskan
markup, yaitu tampilan
dari komponen kita:
<template>
<div>
Hello World
</div>
</template>
Dan dalam tag script, tuliskan
kode JavaScript dari komponen kita.
Kode ini harus berupa objek,
yang akan diekspor dari file komponen kita:
<script>
export default {
}
</script>
Dalam objek yang diekspor, ditentukan berbagai pengaturan dan fungsi komponen. Salah satu pengaturannya adalah nama komponen ini:
export default {
name: 'App',
}
Dalam tag template komponen Anda,
tampilkan beberapa teks dengan tag.
