Objek data dalam Vue

Asas komponen ialah data, yang akan kita manipulasi. Data ini disimpan dalam objek khas data. Objek ini mesti dipulangkan sebagai hasil kaedah khas:

export default {
	data() {
		return {
			
		}
	}
}

Mari kita simpan dalam sifat objek data beberapa teks:

data() {
	return {
		text1: '111',
		text2: '222',
	}
}

Data yang disimpan boleh dipaparkan dalam persembahan. Ini dilakukan dengan kurungan kerinting berganda, di mana nama sifat ditulis, nilainya yang kita mahu paparkan. Mari kita paparkan nilai sifat kita:

<template>
	{{ text1 }}
	{{ text2 }}
</template>

Dan sekarang mari kita buat supaya setiap satu mesej kita dipaparkan dalam perenggannya sendiri:

<template>
	<p>{{ text1 }}</p>
	<p>{{ text2 }}</p>
</template>

Katakan dalam data disimpan nama dan nama keluarga pengguna:

data() {
	return {
		name: 'john',
		surn: 'smit',
	}
}

Paparkan setiap sifat dalam tag div yang berasingan.