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

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

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

4.1 基本步驟

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

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

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