#5 Belajar Vuejs Component dan Mixin

Perbedaan Komponen Global dan Komponen Lokal

Global Component adalah komponen yang dapat digunakan di mana saja dalam suatu aplikasi, termasuk di dalam komponen lain. Pada global component dilakukan setiap component yang menggunakan vue.component merupakan global component.Sedangkan Local Componont adalah komponen yang tidak terdaftar secara global, dan karena itu hanya dapat digunakan pada komponen di mana ia terdaftar.

contoh komponen global

Nah ini contoh Komponen Lokal

Mixin

Mixin itu bisa dibilang kumpulan function, bisa berupa method, computed, watch dll, yang bisa di reuse lagi di komponen lainnnya. Jadi sangat berguna untuk menghindari pembuatan fungsi yang sama secara berulang-ulang.Kompilasi Script. Atau sebuah cara yang fleksibel untuk mendistribusikan beberapa fungsi yang bisa dipakai di semua komponen Vue. Object pada mixin bisa berisi beberapa opsi di komponen. Ketika sebuah komponen menggunakan mixin, maka semua opsi yang ada di dalam mixin akan di “mix” (digabungkan) dengan opsi komponen itu sendiri.

coba di browser, lalu masuk ke Console