vue元件
什麼是元件：(Component)元件是vue.js最強大的功能之一，元件可以擴充套件HTML元素，封裝可重用的程式碼。在較高層面上，元件是自定義元素，Vue.js的編譯器為它新增特殊功能。在有些情況下，元件也可以是原生HTML元素形式，以is特性擴充套件

1.擴充套件HTML元素
2.重用性
3.可以實現特殊的功能

1》全域性元件（父元件）

2》區域性元件（子元件）

全域性元件：Vue.component(元件名稱，{})
元件中的data是一個函式 不是資料，data必須返回物件{str:xxx,num:xxx}

區域性元件：
new Vue({ //父元件
el:"#app",
//子元件集合
components:{
	“元件名稱”:{
	template:"",
	data:function(){},
	methods:{}
	}
}
})

------------------------------------------------------------------
元件資料傳遞/通訊
prop(子元件使用父元件的資料）
1.在子元件props:[定義資料名稱]
{{子元件定義的資料名稱}}
2.<com :子元件名稱="父元件資料名稱"></com>

props:單向資料流
雙向資料：
在js中物件是引用型別


子和子之間的傳遞
自定義事件
1.使用$on(eventName) 監聽事件
2使用$emit(eventName) 觸發事件