• 什么是組件？組件可以理解為可重用的自定義HTML。
  • 可以使用一堆組件來構(gòu)造大型應(yīng)用，任意類型的應(yīng)用界面都可以抽象為一個組件樹： 

  • 可以把組件代碼按照template、style、script的拆分方式，放置到對應(yīng)的.vue文件中。
  • 組件預(yù)定義選項中最核心的幾個：

 模板（template）、初始數(shù)據(jù)（data）、接受的外部參數(shù)（props）、方法（methods）、生命周期鉤子函數(shù)（lifecycle hooks）。

4.1 基本步驟

使用組件首先需要創(chuàng)建構(gòu)造器： 

var MyComponent = Vue.extend({ // 選項... })

要把這個構(gòu)造器用作組件，需要用 Vue.component(tag, constructor) 注冊 ：