Vue Bileşen Yapısı
Her bileşen aşağıdaki iki etiketten oluşmalıdır:
<script>
</script>
<template>
</template>
template etiketinde
görünüm yani bileşenimizin
işaretlemesini yazmalıyız:
<template>
<div>
Hello World
</div>
</template>
script etiketinde ise
bileşenimizin JavaScript kodunu
yazmalıyız. Bu kod, bileşen
dosyamızdan dışa aktarılacak
bir nesne olmalıdır:
<script>
export default {
}
</script>
Dışa aktarılan nesnede bileşenin çeşitli ayarları ve işlevleri belirtilir. Bu ayarlardan biri bileşenin adıdır:
export default {
name: 'App',
}
template etiketinde
bileşeninize etiketlerle birlikte
herhangi bir metin yazdırın.
