1、組件（Component）是 Vue.js 最強(qiáng)大的功能之一。組件可以擴(kuò)展 HTML 元素，封裝可重用的代碼。組件系統(tǒng)可以用獨(dú)立可復(fù)用的小組件來(lái)構(gòu)建大型應(yīng)用，幾乎任意類(lèi)型的應(yīng)用界面都可以抽象為一個(gè)組件樹(shù)。

?2、每個(gè) Vue 應(yīng)用都是通過(guò)用 createApp 函數(shù)創(chuàng)建的，傳遞給 createApp 的選項(xiàng)用于配置根組件。當(dāng)我們掛載應(yīng)用時(shí)，該組件被用作渲染的起點(diǎn)。一個(gè)應(yīng)用需要被掛載到一個(gè) DOM 元素中。

3、組件使用

（1）創(chuàng)建vue應(yīng)用：const app = Vue.createApp({...})

（2）注冊(cè)組件。my-component-name組件名稱(chēng)

app.component('my-component-name', {

? /* ... */

})

（3）調(diào)用組件：<my-component-name></my-component-name>

組件可以進(jìn)行任意次數(shù)的復(fù)用。