定義元件

• 接續上次提到的，當需要使用自訂的元件時，只需要使用元件名稱標籤即可，例如：

<div id="Application">
    <my-alert></my-alert>
    <my-alert></my-alert>
</div>

• 執行程式後，嘗試點擊頁面上的按鈕，可以看到程式已經能如預期正常執行了！
  
• 注意，上面程式中的my-alert元件定義在Application應用實例中，在組織HTML框架結構時，my-alert元件也只能在Application掛載的標籤內使用，在外部使用是無法正常執行的，例如下面的寫法將無法正常著色出元件：

<div id="Application">
</div>
<my-alert></my-alert>

• 使用Vue中的元件可以使得HTML程式的重複使用性大大增強，在日常開發中，可以將一些通用的頁面元素封裝成可訂製化的元件，在開發新的網站應用時，可以使用日常累積的元件快速架設。
• 元件在定義時的設定選項與Vue應用實例在建立時的設定選項是一致的，都有 data、methods、watch和computed等設定項。這是因為我們在建立應用時傳入的參數實際上就是根元件。
• 當元件進行重複使用時，每個標籤實際上都是一個獨立的元件實例，其內部的資料是獨立維護的，例如上面範例程式中的my-alert元件內部維護了一個名為count的屬性，點擊按鈕後其會計數，不同的按鈕將分別進行計數！