Vue簡單建立一個項目（三）

元件，可以看成是一個可以拿來調用的子產品。

什麼是元件？每一個.vue檔案就是一個元件，做項目的時候可以把它們放到src檔案夾下的components檔案夾下，舉例在App.vue中使用：

引用方法：

import Home  from "./components/Home.vue"
           

挂載注冊方法：

data:{},components:{'v-home':Home}
           

在template模闆中使用:

<v-home></v-home>
           

在子元件中定義的标簽樣式一般會影響全局元件，為了防止這種情況發生：

①給子元件加id，在子元件中改變樣式

②在子元件的style中，添加scoped，意味着局部作用域

原則：

元件在模闆中使用的時候不能和h5标簽重複

每一個元件必須包含一個跟标簽，建議div，id命名