Pelajaran selanjutnya untuk belajar VueJS adalah masih tentang menampilkan data jika kemarin kita sudah berhasil menampilkan data dengan kurung kurawal {{data}} ada cara lain untuk kita menampilkan sebuah data yang nantinya kita akan bahas, maka dari itu jangan kemana-mana sesaat lagi kita akan lanjut belajar cara menampilkan data dengan tag HTML di VueJS.

Masih ingat kah teman-teman ketika kita ingin menampilkan sebuah data dimana data itu ada sebuah tag HTML tetapi ketika kita ingin menampilkannya fungsi tag HTML bukanya berfungsi malah ikut di tampilkan, pernah pasti ya, apalagi bagi teman-teman yang sudah pernah belajar javascript, ya betul ketika kita menggunakan javascript caranya adalah dengan menggunakan innerHTML dan jika hanya untuk text saja, kita bisa menggunakan innerText, sama halnya di Vue, jika kita ingin menampilkan tagnya juga kita harus menggunakan v-html dan v-text, untuk teks saja, itu lah cara menampilkan data dengan tag HTML di VueJS.

Lalu bagaiamana caa menerapkannya, apakah sama dengan javascript, caranya sama mungkin penerapannya saja yang berbeda, tentunya jika kita menggunakan VueJS caa vuejs lah yang di pakai, oke langsung saja, kasus untuk kali ini saya membuat sebuah tag yang sudah saya isi dengan tag <h1> berserta tulisannya, yang nanti saya akan masukan ke data, dan kita tampilkan. caranya seperti ini:

seperti yang teman-teman lihat disini saya menambah attribute v-html dan v-text pada sebuah tag divnya, dimana atribute itu di dapatkan dari dataText dan dataNtag yang saya isi di data, silahkan teman-teman lihat kebawah datanya, isi datanya sama ya, oke sekarang kita lihat hasilnya

cara menampilkan data dengan tag HTML di VueJS

seperti yang saya tulis di atas, tag h1 pada v-text tidak berfungsi malah tercetak dan itulah cara menampilkan data dengan tag HTML di VueJS, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.