Pada artikel kali ini kita akan belajar cara menggunakan sebuah props di VueJS, props jika saya ibaratkan kita bisa menentukan sebuah data yang ingin kita tampilkan di sebuah template, jadi ketika kita menggunakan sebuah props datanya kita atur dalam sebuah attribute, misal kita mengatur nama props dengan sebuah nama title maka kita gunakan/masukan attribute title ke dalam sebuah tag, dan kita tentukan data yang ingin kita tampilkan juga di sebuah value title, supaya lebih paham lagi, simak terus ya teman-teman.

biasanya ketika saya menggunakan sebuah props saya menggunakan sebuah component, apa itu component, bagi teman-teman yang baru saja bergabung dan belum tau apa itu component, dan bagaimana cara membuat sebuah component, teman-teman bisa lihat artikel saya sebelumnya ya, dan seperti yang saya tulis pada paragraf pertama, ketika kita belajar cara menggunakan sebuah props di VueJS kita tentukan terlebih dahulu attribute apa, seperti ini:

silahkan teman-teman lihat di atas, jika saya menulis data, maka seperti yang teman-teman lihat saya akan menggunakan sebuah attribute data, untuk menampung sebuah datanya, dan di sebuah template kita masukan datanya, dan disini saya menggunakan tag h3 ya, dan jangan lupa new Vuenya di buat juga ya,

dan untuk kasus kali ini saya akan menampilkan sebuah data dengan value yang berbeda di sebuah templatenya , seperti ini:

jadi hasil yang akan di dapatkan adalah yang akan menampilkan tag h3 dengan data value yang berbeda.

cara menggunakan sebuah props di VueJS

tanpa kita menuliskan isi dari tag h3 di sebuah template, lihat yang terjadi kita masih bisa menampilkan, bagaimana cukup menarik ya, oke saya rasa cukup sampai disini belajar kita tentang cara menggunakan sebuah props di VueJS, jika ada yang mau di tanyakan silahkan bisa komentar di bawah ini, dan semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.