Hallo sahabat dumenity berjumpa lagi dalam tutorial kursuswebdesign, pada tutorial kali ini saya akan membahas tentang Cara Membuat Instances Vue. VueJS adalah kerangka kerja JavaScript progresif yang digunakan untuk mengembangkan antarmuka web interaktif. Fokus lebih pada bagian tampilan, yang merupakan ujung depan. Sangat mudah untuk berintegrasi dengan proyek dan pustaka lain. Instalasi VueJS cukup sederhana, dan pemula dapat dengan mudah memahami dan mulai membangun antarmuka pengguna mereka sendiri. Konten ini dibagi menjadi beberapa bab yang berisi topik terkait dengan contoh yang sederhana dan bermanfaat.


Untuk memulai dengan VueJS, kita perlu membuat instance Vue, yang disebut Vue Instance root.
Sintaksis.

Mari kita lihat contoh untuk memahami apa yang perlu menjadi bagian dari konstruktor Vue.

Untuk Vue, ada parameter yang disebut el. Dibutuhkan id dari elemen DOM. Dalam contoh di atas, kita memiliki id #vue_det. Ini adalah id dari elemen div, yang ada di .html.

Sekarang, apa pun yang akan kita lakukan akan mempengaruhi elemen div dan tidak ada apa pun di luarnya. Selanjutnya, saya telah mendefinisikan objek data. Ini memiliki nilai nama depan, nama belakang, dan alamat. Hal yang sama ditugaskan di dalam div. Sebagai contoh,

Nama depan: Nilai {{firstname}} akan diganti di dalam interpolasi, yaitu {{}} dengan nilai yang ditetapkan dalam objek data, yaitu Feri. Hal yang sama berlaku untuk nama belakang. Selanjutnya, saya memiliki metode di mana saya telah mendefinisikan fungsi mydetails dan nilai kembali. Itu ditugaskan di dalam div sebagai.

Oleh karena itu, di dalam {{}} fungsi mydetails dipanggil. Nilai yang dikembalikan dalam instance Vue akan dicetak di dalam {{}}. Periksa output untuk referensi. Sekarang, kita harus memberikan opsi kepada konstruktor Vue yang terutama data, templat, elemen untuk dipasang, metode, callback, dll. Mari kita lihat opsi yang akan diteruskan ke Vue. #data – Jenis data ini bisa berupa objek atau fungsi. Vue mengubah propertinya menjadi getter / setter untuk membuatnya reaktif. Oke itulah tadi pembahasan saya tentang Cara Membuat Instances Vue semoga bermanfaat.