鍍金池/ 問(wèn)答/HTML/ vue的選項(xiàng)的el疑惑

vue的選項(xiàng)的el疑惑

clipboard.png

vue的選項(xiàng)的el文檔這兩句話(huà)是什么意思？
1、提供的元素只能作為掛載點(diǎn)。不同于 Vue 1.x，所有的掛載元素會(huì)被 Vue 生成的 DOM 替換。因此不推薦掛載 root 實(shí)例到 <html> 或者 <body> 上。
2、如果 render 函數(shù)和 template 屬性都不存在，掛載 DOM 元素的 HTML 會(huì)被提取出來(lái)用作模板，此時(shí)，必須使用 Runtime + Compiler 構(gòu)建的 Vue 庫(kù)。

回答
編輯回答
久愛(ài)她

掛載點(diǎn)就是被vue 輸出替換的 dom 節(jié)點(diǎn)

vue 編譯打包有兩種 一種是 runtime-only 這個(gè)只能在 .vue 單頁(yè)文件能用，之后掛載的元素就會(huì)提取單頁(yè)文件里面的 html。一種就是 runtime + compiler 這個(gè)需要 template 和 render 屬性才行

2017年2月17日 08:29
編輯回答
凝雅
  1. 提供的元素只能作為掛載點(diǎn)。 意思是如果你選了某一個(gè)元素作為掛載點(diǎn)，例如el:'#app'，那么id="app"的這個(gè)元素只能被用來(lái)作為掛載點(diǎn)，表現(xiàn)為，無(wú)論你在該元素內(nèi)寫(xiě)什么，最終都會(huì)被替換掉，不會(huì)顯示出來(lái)。后面的就是說(shuō)明1.x和2.x版本的區(qū)別，以及推薦做法，至于為什么推薦這么做，建議看源碼。
  2. 參考 @zen_n 說(shuō)的。
2017年4月9日 14:44
編輯回答
安若晴

el就是需要掛載的節(jié)點(diǎn)，一般是id名稱(chēng)。
若沒(méi)有el，也可以用$mount()手動(dòng)掛載節(jié)點(diǎn)

2018年8月12日 02:11
編輯回答
何蘇葉

比如：

<div id='app'></div>
 new Vue({
    el:"#app",
    data:{
        a:2
    }
}）

由此可以看出el掛在的數(shù)據(jù)就是你要渲染的區(qū)域

2017年3月8日 11:59