1. Masih pada folder project sebelumnya, buat file baru dengan nama componentmixin.html. Kemudian tambahkan kode berikut :
2. Kemudian jalankan pada browser, maka akan tampil tampilan berikut :
3. Pada code tersebut, kita telah mencoba menerapkan mixins dalam contoh kasus sederhana. Mixins merupakan cara pada Vue untuk mendefinisikan suatu kumpulan fungsi atau option yang akan digunakan pada aplikasi atau component tertentu. Ketika objek Vue atau component menggunakan mixins maka semua option dari mixin tersebut akan di digabungkan ke dalam component yang menggunakannya tersebut.
B. Global Component
1. Masih pada folder project sebelumnya, buat file baru dengan nama globalcomponent.html. Kemudian tambahkan kode berikut :
2. Kemudian jalankan pada browser, maka akan tampil tampilan berikut :
3. Pada code tersebut, kita telah coba membuat global component. Mendaftarkan component secara global seperti pada contoh berikut akan membuat component tersebut bisa digunakan oleh semua objek utama (root) Vue.
C. Local Component
1. Masih pada folder project sebelumnya, buat file baru dengan nama localcomponent.html. Kemudian tambahkan kode berikut :
2. Kemudian jalankan pada browser, maka akan tampil tampilan berikut :
3. Pada code tersebut, kita telah coba membuat local component. Component tersebut diregister pada suatu objek Vue dan hanya bisa digunakan pada objek tersebut saja.
4. Apa bila tidak di register maka dari kode yang ini :
5. hasilnya seperti ini objeck vue ke dua tidak muncul:
0 Komentar