Cara Menampilkan Data dalam Vue.Js dengan Cara Directive v-text

Untuk Menampilkan data dalam Vue.Js terdapat beberapa cara dan metode, diantaranya adalah declarative rendering, directive v-text, dan directive v-html, yang masing-masing memiliki karakter yang berbeda, mari kita bahas satu persatu cara menampilkan data dalam vue.js dengan berbagai variasinya.

Adakah cara lain untuk menampilakan atau meng-Update data, selain menggunakan cara Mustaches ? Jawabannya adalah ada! Untuk menampilkan atau meng-Update data dapat juga dengan menggunakan Directive v-text yang diletakkan sebagai atribut HTML. Berikut contohnya:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>	</title>
</head>
<body>
	<div id="app" v-text="pesan">
	</div>
	<script src="vue.min.js"></script>
	<script>
		var app = new Vue({
			el: '#app',
			data: {
				pesan: 'Selamat pagi Juara'
			}
		})
	</script>
</body>
</html>

Maka hasilnya pun sama saja ya teman-teman, sama seperti kita menggunakan cara Mustaches. Dan untuk text itu sendiri tetap dinamis ya teman-teman jadi tetap bisa kita update variable pesan tsb.