Vue.js 組件

組件（Component）是 Vue.js 最強大的功能之一。

組件可以擴展 HTML 元素，封裝可重用的代碼。

組件系統讓我們可以用獨立可復用的小組件來構建大型應用，幾乎任意類型的應用的界面都可以抽象為一個組件樹。

局部注冊

• 特點：只能在注冊的組件內使用

• 步驟：

  1. 創建.vue文件（三個組成部分）
  2. 在使用的組件內先導入再注冊，最后使用

• 使用方式：當成html標簽使用即可 <組件名></組件名>

• 使用大駝峰命名法， 如 HmHeader

5.語法

// 導入需要注冊的組件
import 組件對象 from '.vue文件路徑'
import HmHeader from './components/HmHeader'export default {     // 局部注冊components: {'組件名': 組件對象,HmHeader:HmHeaer,HmHeader}
}

全局注冊

• 特點：全局注冊的組件，在項目的任何組件中都能使用

• 步驟

  1. 創建.vue組件（三個組成部分）
  2. main.js中進行全局注冊

• 使用方式：當成HTML標簽直接使用

<組件名></組件名>

• 大駝峰命名法， 如 HmHeader

• 語法

Vue.component('組件名', 組件對象)

Vue.component(tagName, options)
tagName 為組件名，options 為配置選項。注冊后，使用以下方式來調用組件：
<tagName></tagName>