在組件選項中定義本地組件。每個組件都是Vue的壹個小實例，Vue具有除el選項之外的所有選項。
組件名稱:用戶自定義，可以使用駝峰命名或短橫線命名，但需要註意的是，如果將其應用於DOM，則只能使用短橫線命名，否則會報錯。請註意，組件的名稱不應與本機html元素的名稱相同。
模板選項:定義組件的模板。模板必須包含根標記。
Props選項:定義組件標簽上的屬性。駝峰命名法的專有名稱（後置標題）需要用其等效的短橫線分隔命名法（後置標題）來命名。註意:props是只讀的，不能修改（解決方法:在data中中繼props接收的數據）。
數據:定義組件的數據。註意:Vue實例的數據選項可以是對象，也可以是返回對象的方法。但是在組件中，數據選項必須是返回對象的方法。因為組件可能會被多次使用，如果數據選項是壹個對象，將導致多個組件使用相同的數據。
全局註冊的組件可以在任何新創建的根實例（新Vue）的模板中使用。
使用Vue.component創建全局組件。Vue.component的第壹個參數是組件名稱。
$emit（）用於觸發自定義事件。註意:事件名稱中不能使用大寫字母。
效果:
效果:
Slot用於定義組件內部的壹個插槽，組件標簽之間的所有html內容都將顯示在該插槽的位置。
效果: