學習Vue.js-Day3.1

定義Vue組件

什麼是組件： 組件的出現，就是爲了拆分Vue實例的代碼量的，可以讓咱們以不一樣的組件，來劃分不一樣的功能模塊，未來咱們須要什麼樣的功能，就能夠去調用對應的組件便可；

組件化和模塊化的不一樣：

• 模塊化： 是從代碼邏輯的角度進行劃分的；方便代碼分層開發，保證每一個功能模塊的職能單一；
• 組件化： 是從UI界面的角度進行劃分的；前端的組件化，方便UI組件的重用；

全局組件定義的三種方式

1. 使用 Vue.extend 配合 Vue.component 方法：

var login = Vue.extend({
      template: '<h1>登陸</h1>'
    });
    Vue.component('login', login);
     // 若是使用 Vue.component 定義全局組件的時候，組件名稱使用了 駝峯命名，則在引用組件的時候，須要把 大寫的駝峯改成小寫的字母，同時，兩個單詞以前，使用 - 連接；
    // 若是不使用駝峯,則直接拿名稱來使用便可;