vue元件的定義
● 元件(Component)是Vue.js最強大的功能之一
● 元件可以擴充HTML元素，封裝可重用代碼
● 在較高層面上，元件是自定義元素，Vue.js的編譯器為他添加特殊功能
● 有些情況下，元件也可以表現用 is 特性進行了擴充的原生的HTML元素
● 所有的Vue元件同時也都是Vue執行個體，是以可以接受相同的選項對象（除了一些根級特有的選項），并提供相同的生命周期鈎子
vue元件的功能
1）能夠把頁面抽象成多個相對獨立的子產品
2）實作代碼重用，提高開發效率和代碼品質，使得代碼易于維護
原理：
1.首先将子元件進行封裝，通過prop(不了解可以官方檢視)接收父元件資料傳遞，子元件通過監聽方法監聽資料變化。
2.父元件中通過import和component進行封裝元件注冊。在<html>部分使用注冊的子元件。
原理如圖所示
![Vue項目 - 單檔案元件和Vue中的路由[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)