您好,登錄后才能下訂單哦!
這篇文章主要介紹vue中el有什么用,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
el
類型: String | HTMLElement | Function
限制: 在組件定義中只能是函數(shù)。
詳細:
為實例提供掛載元素。值可以是 CSS 選擇符,或?qū)嶋H HTML 元素,或返回 HTML 元素的函數(shù)。注意元素只用作掛載點。如果提供了模板則元素被替換,除非 replace 為 false。元素可以用 vm.$el 訪問。
用在 Vue.extend 中必須是函數(shù)值,這樣所有實例不會共享元素。
如果在初始化時指定了這個選項,實例將立即進入編譯過程。否則,需要調(diào)用 vm.$mount(),手動開始編譯。
提供的元素只能作為掛載點。不同于 Vue 1.x,所有的掛載元素會被 Vue 生成的 DOM 替換。因此不推薦掛載 root 實例到 <html> 或者 <body> 上。
如果 render 函數(shù)和 template 屬性都不存在,掛載 DOM 元素的 HTML 會被提取出來用作模板,此時,必須使用 Runtime + Compiler 構(gòu)建的 Vue 庫。
el 的作用大家都知道,用于指明 Vue 實例的掛載目標。我們重點關(guān)注上面兩個部分,總結(jié)一下就是:如果存在 render 函數(shù)或 template 屬性,則掛載元素會被 Vue 生成的 DOM 替換;否則,掛載元素所在的 HTML 會被提取出來用作模版
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="ppp"></div> </body> </html>
例:render 函數(shù)渲染的 DOM 替換 <div id="ppp"></div>
new Vue({ el: '#ppp', router, store, render: h => h(App) })
以上是“vue中el有什么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。