元件的出現，就是為了拆分vue例項的**量的，能夠讓我們以不同的元件，來劃分不同的功能模組，將來我們需要什麼樣的功能，就可以去呼叫對應的元件即可。
（1）vue.extend()是vue構造器的擴充套件，呼叫vue.extend()建立的是乙個元件構造器；
（2）vue.extend()構造器有乙個選項物件，選項物件的template屬性用於定義元件要渲染的html；
（3）使用vue.component()註冊元件時，需要提供2個引數，第1個引數時元件的標籤也就名稱，第2個引數是元件構造器；
（4）元件應該掛載到某個vue例項下，否則它不會生效；
vue提供了vue.extend(options)方法，建立基礎vue構造器的「子類」，引數options物件和直接宣告vue例項引數物件基本一致。
由於vue本身是乙個建構函式(constructor)，vue.extend()是乙個繼承於方法的類（class），引數是乙個包含元件選項的物件。它的目的是建立乙個vue的子類並且返回相應的建構函式。
vue.extend建立的是乙個元件構造器，而不是乙個具體的元件例項；vue.extend嚐嚐結合vue.component來生成元件，最終還是需要通過vue.component註冊才可以使用。
vue.extend使用說明**例子
var child=vue.extend(
}})vue.component('child',child)//全域性註冊子元件
//子元件在其他元件內的呼叫方式
Vue概述及入門
宣告式渲染 元件系統 客戶端路由 集中式狀態管理 專案構建 需要提供標籤用於填充資料 引入vue.js庫檔案 可以使用vue的語法做功能 把vue提供的資料填充到標籤 div div var vm newvue script body 引數分析 el 元素的掛載 關聯 位置 可以是css選擇器或者d...
Vue入門 元件通訊
先觸發子元件的mounted鉤子，再觸發父元件的mounted鉤子。在父元件的模版中對子元件標籤進行屬性繫結 在子元件中使用props屬性顯式地接收 若需要動態繫結屬性，則需使用v bind，或簡寫 message hello 使用字面量語法child message 1 此時繫結的是字串 1 若想...
Vue入門 元件基礎
元件 專案的開發,就是乙個元件樹,元件可以進行復用。元件的名字 1.html標籤不區分大小寫 2.不能跟系統標籤重名 3.遵循 w3c 規範中的自定義元件名 字母全小寫且必須包含乙個連字元 4.支援駝峰命名.myheader,但是在引用的時候,需要使用my header的方式元件支援兩種定義方式 全...