在vue中，el是element的縮寫(xiě)，可稱(chēng)之為掛載點(diǎn)。el的作用是提供一個(gè)在頁(yè)面上已存在的DOM元素作為Vue實(shí)例的掛載目標(biāo)，可以是CSS選擇器，也可以是一個(gè)HTMLElement實(shí)例；在實(shí)例掛載之后，元素可以用“vm.$el”訪(fǎng)問(wèn)。

前端（vue）入門(mén)到精通課程，老師在線(xiàn)輔導(dǎo)：聯(lián)系老師
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調(diào)試工具：點(diǎn)擊使用

本教程操作環(huán)境：windows7系統(tǒng)、vue3版，DELL G3電腦。

el是element的縮寫(xiě)，可稱(chēng)之為掛載點(diǎn)。原理來(lái)自于：MVC架構(gòu)中，使用一個(gè)標(biāo)簽當(dāng)做容器包住一些標(biāo)簽，使得標(biāo)簽被重新渲染，同時(shí)保留一些必要的屬性。

每個(gè)vue2.0項(xiàng)目中我們都會(huì)看到入口文件(即main.js)中，在生成根實(shí)例時(shí)會(huì)配置el屬性，而我們自己創(chuàng)建的組件中則不能配置該屬性，下面引用了官方文檔中對(duì)el屬性的說(shuō)明：

el

• 類(lèi)型：string | Element

• 限制：只在用 new 創(chuàng)建實(shí)例時(shí)生效。

• 詳細(xì)：

  提供一個(gè)在頁(yè)面上已存在的 DOM 元素作為 Vue 實(shí)例的掛載目標(biāo)?？梢允?CSS 選擇器，也可以是一個(gè) HTMLElement 實(shí)例?！?/p>