一、什么是組件
組件系統(tǒng)是Vue.js其中一個重要的概念，它提供了一種抽象，讓我們可以使用獨立可復用的小組件來構建大型應用，任意類型的應用界面都可以抽象為一個組件樹
組件聽起來比較抽象，實際上組件可以看作是自定義的HTML元素。因為組件可以用來擴展HTML元素，封裝可重用的HTML代碼。
二、如何使用組件
vuejs組件的使用需要3個步驟：
1.創(chuàng)建組件構造器
2.注冊組件
3.使用組件
第一步：創(chuàng)建組件構造器
在工程目錄下src文件夾下創(chuàng)建component文件夾，并在component文件夾內(nèi)創(chuàng)建firstcomponent.vue文件，并仿照App.vue 的格式寫一個組件。這里我們寫一個簡單的組件，
第二步：注冊組件
然后在App.vue 使用組件 ( 因為在index.html里面定義了
所以就以這個組件作為主入口，方便 )。（1）在App.vue引入創(chuàng)建的firstCom.vue組件標簽內(nèi)的第一行寫
importfirstcomponentfrom'./component/firstcomponent.vue'
（2）在標簽內(nèi)的data 代碼塊后面加上 components: { firstcomponent }。
第三步：使用組件
在App.vue的內(nèi)加上
App.vue代碼如下
這樣我們就創(chuàng)建了一個名為的firstcomponent的組件。運行效果如下圖：
