VueJS

Belajar VueJS Bagian 3 : Menggunakan v-text dan v-html

Hallo coder, kali ini kita akan membahas menggunakan v-text dan v-html di Vue JS, setelah ditutorial sebelumnya  membahas  menggunakan mustaches.

v-text dan v-html adalah cara lain untuk menampilkan data yang akan kita tampilkan. kita akan bahas satu persatu. coba ketik code berikut ini.

Sekarang lihat code diatas, ada sedikit perbedaan dari code di atas dengan code yang ada di tutorial sebelumnya.

ditutorial sebelumnya kita menggunakan {{pesan}} tanda kurawal untuk menampilkan data, sekarang kita hanya perlu menambah v-text=”pesan” di html untuk menampilkannya.

sekarang coba ubah codenya menjadi seperti berikut ini.

Cara diatas adalah cara untuk menampilkan data dengan bentuk html.

jika saat mengunakan mustaches kita mengetikan difile htmlnya, tapi saat kita menggunakan v-html kita hanya perlu mengetikan didalam app.js.

coba ubah code app.js seperti yang di bawah ini.

Mudah bukan belajar v-text dan v-html di Vue JS, ditutorial selanjutnya kita Membahas tentang Menggunakan if dan else di vue js.

semoga tutorial ini berguna jangan lupa klik ads untuk donasi, salam coder.

www.domainesia.com