Vue instance dan property.
Dalam Vue.js, ada dua konsep penting yang terkait dengan Vue instance dan properti: Vue instance dan properti Vue.
Vue Instance:
Vue instance adalah inti dari setiap aplikasi Vue.js. Itu adalah objek yang dibuat dari Vue constructor. Vue instance menghubungkan kode JavaScript Anda dengan template HTML yang terkait dan mengelola siklus hidup aplikasi.
Anda dapat membuat Vue instance dengan menggunakan sintaksis berikut:
javascript
Copy code
var vm = new Vue({
// options
});
Dalam contoh di atas, vm adalah nama variabel yang mengacu pada Vue instance. Anda dapat mengganti nama variabel sesuai dengan preferensi Anda.
Properti Vue:
Properti Vue adalah data yang digunakan dalam Vue instance. Properti-properti ini dapat diakses dan dimanipulasi dalam kode JavaScript dan dapat diikat (dibinding) ke tampilan dalam template HTML. Beberapa properti yang penting dalam Vue instance antara lain:
el: Properti ini digunakan untuk menentukan elemen HTML yang akan dihubungkan dengan Vue instance. Misalnya, el: '#app' akan menghubungkan Vue instance dengan elemen HTML yang memiliki id "app".
data: Properti data berisi data yang akan digunakan dalam Vue instance. Anda dapat mendefinisikan objek JavaScript di dalamnya dengan properti-nilai yang akan digunakan dalam tampilan. Contoh: data: { message: 'Hello, Vue!' }.
methods: Properti methods berisi metode-metode (fungsi) yang dapat dipanggil dalam Vue instance. Anda dapat mendefinisikan metode-metode ini di dalam objek JavaScript. Contoh: methods: { greet() { console.log('Hello!'); } }.
computed: Properti computed berisi fungsi-fungsi yang menghasilkan nilai terkalkulasi (computed values) berdasarkan data yang ada dalam Vue instance. Ini memungkinkan Anda membuat nilai yang bergantung pada data dan diperbarui secara otomatis saat data berubah.
watch: Properti watch memungkinkan Anda untuk mengamati perubahan dalam data dan mengeksekusi kode ketika perubahan terjadi.
Properti-properti ini adalah contoh umum, namun Vue instance memiliki banyak properti tambahan yang dapat digunakan untuk mengatur dan mengendalikan aplikasi Anda.
Dengan menggunakan Vue instance dan properti-propertinya, Anda dapat membuat aplikasi Vue.js yang interaktif dan responsif dengan menghubungkan logika JavaScript Anda dengan tampilan HTML Anda.
