VueJS Error Saat Ingin Menampilkan HTML

Saya baru belajar VueJs dan mengikuti tutorial yang ada disini. namun, ketika saya sampai pada step menampilkan html yang terdapat dalam object Vue, terjadi error seperti ini :

[Vue warn]: failed to compile template:

<div id="app"> {{ nama }} - {{ umur }} - {{ pria ? 'Pria' : 'Wanita' }} {{{ salam }}} </div>

- invalid expression: {{ nama }} - {{ umur }} - {{ pria ? 'Pria' : 'Wanita' }} {{{ salam }}}

(found in root instance)

VueJs Kode

	<div id="app">
	{{ nama }} - {{ umur }} - {{ pria ? 'Pria' : 'Wanita' }}
	{{{ salam }}}
	</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.js"></script>
<script>
	var data = new Vue({
		el			: '#app',
		data		: {
			nama	: "Jehan",
			umur	: 20,
			pria	: true,
			salam	: '<p> Hello Wordl! </p>'
		},
	});
</script>

Mohon Solusinya, Terima kasih.

avatar CodenameJR
@CodenameJR

278 Kontribusi 107 Poin

Diperbarui 7 tahun yang lalu

1 Jawaban:

Jawaban Terpilih

itu jalannya di vue versi 1.* kalau di VueJS versi 2 keatas dah ga boleh lagi {{{ salam }}} ganti jadi

gan

avatar QaiserLab
@QaiserLab

366 Kontribusi 390 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban