Vue Component dan Mixin

Vue Component dan Mixin

Halo teman teman pada blog kali ini saya akan membahas mengenai component lebih tepatnya penjelasan secara rinci mengenai perbedaan Global Component dengan Local Component dan penjelasan secara rinci mengenai Mixin.

Perbedaan Local Component dan Global Component 

Perhatikan file yang isinya adalah kodingan global component

Dan juga perhatikan file yang isinya Local Component

Menurut saya perbedaan dari kedua komponen ini adalah dalam local component setelah inisialisasi setiap component misalkan ComponentA nah di dalam Vue nya kita harus meletakan komponen tersebut di dalam atribut dari sebuah element maksudnya setelah inisialisasi Component kita harus juga meletakan tempat komponen tersebut akan tampil sedangkan pada Global Component kita tidak meletakan component tersebut ke dalam atribut melainkan tinggal buat elemen nya saja dan masukan di dalam atribut html component tersebut. dan juga perbedaan lain nya adalah pada local component objek nya tidak bisa di panggil apabila kita membuat element baru sedangkan global component bisa memanggil component dari beberapa element yang berbeda yang kita buat sehingga global component lebih cenderung terbuka untuk semua element yang di inisialisasi.

Mixin

Ok selanjutnya adalah penjelasan rinci dari Mixin. Mixin adalah gabungan dari beberapa fungsi yang nantinya akan digabungkan ke dalam suatu component atau aplikasi contoh sederhana nya seperti ini

Pada mixin ini kita membuat sebuah function yang bernama created yang memanggil function lagi bernama identias seperti nama, email, angkatan, dan prodi nah di dalam nama, prodi, angkatan dan email ini akan dimasukan ke dalam method nah nantinya di dalam method tersebut lah kita bisa memasukan component atau data yang nantinya akan di letakan di dalam function created. tujuan dari pembuatan mixin ini adalah apabila dari suatu function hanya ingin menampilkan beberapa data saja yang dia inginkan contoh real nya bisa kita analogikan pada akun facebook dimana pada saat user lain melihat profil akun kita maka user lain tidak bisa melihat password dari akun kita sebaliknya kita bisa melihat password dari akun kita sendiri

dan hasilnya akan muncul seperti ini

Ok kurang lebih sampai disini terlebih dahulu kurang lebih nya saya minta maaf terima kasih