vue.js#05

Component Vue

Component Vue terbagi dua yaitu Global Component dan Local Component

Global Component

Global component dibuat dengan cara  

Vue.component('nama component', {
 ... 
}) 

Global Component component tersebut bisa digunakan oleh semua objek utama (root) Vue.

Penggunaan global component

Uji Coba di browser

Local Component

Local component dibuat dengan cara  

var ComponentA = {  ...  }
  components: {    'component-a': ComponentA  },   ...
}

 Local Component tersebut Component tersebut diregister pada suatu objek Vue dan hanya bisa digunakan pada objek tersebut saja.

Penggunaan Local component

Uji Coba di browser



Mixin

      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.

Prnggunan mixins

Uji Coba di browser