Vue'da data Nesnesi
Bileşenin temeli, üzerinde işlem yapacağımız verilerdir.
Bu veriler özel bir data nesnesinde saklanır.
Bu nesne, özel bir metodun sonucu olarak döndürülmelidir:
export default {
data() {
return {
}
}
}
Şimdi veri nesnesinin bir özelliğinde bir metin saklayalım:
data() {
return {
text1: '111',
text2: '222',
}
}
Saklanan veriler, görünümde görüntülenebilir. Bu, değerini görüntülemek istediğimiz özelliğin adının yazıldığı çift küme parantezleri içinde yapılır. Özelliklerimizin değerlerini görüntüleyelim:
<template>
{{ text1 }}
{{ text2 }}
</template>
Şimdi her mesajımızın kendi paragrafında görünmesini sağlayalım:
<template>
<p>{{ text1 }}</p>
<p>{{ text2 }}</p>
</template>
data içinde kullanıcının adı ve soyadı saklansın:
data() {
return {
name: 'john',
surn: 'smit',
}
}
Her özelliği ayrı bir div etiketinde görüntüleyin.
