元件：元件是構成頁面中獨立結構單元，元件主要以獨立頁面結構形式存在，不同元件也具有基本互動功能。
元件特性：減少代碼，提高開發效率。
降低代碼耦合程度，使項目更易維護和管理
根據業務邏輯實作複雜的項目功能。
來實作一個可以記錄被點選次數的button按鈕計數器，首先看頁面結構
就是使用了三個元件，元件當标簽來使用就可以了。元件是如何定義的呢？
這個标簽有兩個參數，第一個是元件的名稱‘my-component’。第二個是一個對象，在這個對象裡面是對目前的元件進行一個配置。這裡面有要用到的資料count，隻不過這個資料在對象裡并且被傳回了。元件是一個自定義的标簽，這個标簽通過元件的模闆來定義，裡面的button按鈕被點選後就會count++來實作點選次數計數器。
局部注冊元件：
Vue.component()方法用于全局注冊元件,除了全局注冊元件外，還可以使用局部注冊元件，通過Vue執行個體的components屬性來實作。
template模闆：Vue提供了 标簽來定義的模闆，可以在改标簽中書寫HTML代碼 ，然後通過id值綁定到元件内的template模闆中，這樣就有利于在代碼中顯示代碼提示和高亮顯示。
案例展示：定義id值為tem1的template模闆。
第一個就是Vue執行個體中的title資料。第二個是my-component中的内容，裡面的template模闆裡面是一個p标簽。