Vue Component , MIxin

Halo semuanya, kali ini aku ingin membahas tentang Vue Component dan Mixin,
Tanpa banyak basa-basi langsung kita ke TKP!!

Vue Component disini aku mau membahas soal perbedaan Local Component dan Global Component.

LOCAL COMPONENT



GLOBAL COMPONENT



Diatas adalah codingan masing-masing component, disini aku mau jelasin perbedaan antara keduanya,
Di dalam codingan keduanya terdapat sebuah component yang akan dipanggil, namun pada Local Component setelah kita inisialisasi kita perlu juga membuat cangkangnya untuk si component tersebut, sedangkan pada Global Component tidak perlu membuat cangkang untuk menampilkan isi tersebut dengan hanya membuat element nya saja.
Dan untuk perbedaan lainnya yaitu bila Local Component terdapati sebuah element baru maka element baru tersebut tidak akan terpanggil, berbeda dengan Global Component bila terdapat element baru maka element baru tersebut akan terpanggil maupun dengan element yang berbeda.

Selesai

Mixin disini aku mau menjelaskan tentang mixin, mixin itu adalah sebuah gabungan dari banyak fungsi yang nantinya akan di masukkan kedalam sebuah component



dalam mixin ini kita membuat function "created" gambar diatas isinya memanggil "hello" lalu didalam "created" ini terdapat methods yang isinya memanggil jeroan dari "hello"tersebut yang "hello from mixin!" ini adalah isi dari "hello", nah didalam methods ini barulah kita bisa masukkan component , data yang nantinya akan di letakan di function "created".
Fungsi dari mixin ini adalah untuk menampilkan beberapa data saja , contoh seperti sebuah akun social media dimana yang bukan user ketika masuk kedalam profile kita, disini yang bukan user tidak dapat melihat hal-hal privasi seperti username, password sedangkan jika user nya maka dia dapat melihat username dan password.

Hasilnya seperti ini.



jika dilihat di browser tanpa masuk inspect console , hanya muncul "Mixin" saja, namun jika kita masuk ke console maka akan terlihat pesan rahasia kata"Mixin" ini.

Semoga bermanfaat.