這篇文章主要介紹vue中el有什么用,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
在徐聞等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力,以專(zhuān)注、極致的服務(wù)理念,為客戶提供網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì)制作按需設(shè)計(jì),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),成都全網(wǎng)營(yíng)銷(xiāo),外貿(mào)營(yíng)銷(xiāo)網(wǎng)站建設(shè),徐聞網(wǎng)站建設(shè)費(fèi)用合理。
el
類(lèi)型:String | HTMLElement | Function
限制:在組件定義中只能是函數(shù)。
詳細(xì):
為實(shí)例提供掛載元素。值可以是 CSS 選擇符,或?qū)嶋H HTML 元素,或返回 HTML 元素的函數(shù)。注意元素只用作掛載點(diǎn)。如果提供了模板則元素被替換,除非 replace 為 false。元素可以用 vm.$el 訪問(wèn)。
用在 Vue.extend 中必須是函數(shù)值,這樣所有實(shí)例不會(huì)共享元素。
如果在初始化時(shí)指定了這個(gè)選項(xiàng),實(shí)例將立即進(jìn)入編譯過(guò)程。否則,需要調(diào)用 vm.$mount(),手動(dòng)開(kāi)始編譯。
提供的元素只能作為掛載點(diǎn)。不同于 Vue 1.x,所有的掛載元素會(huì)被 Vue 生成的 DOM 替換。因此不推薦掛載 root 實(shí)例到 或者
上。如果 render 函數(shù)和 template 屬性都不存在,掛載 DOM 元素的 HTML 會(huì)被提取出來(lái)用作模板,此時(shí),必須使用 Runtime + Compiler 構(gòu)建的 Vue 庫(kù)。
el 的作用大家都知道,用于指明 Vue 實(shí)例的掛載目標(biāo)。我們重點(diǎn)關(guān)注上面兩個(gè)部分,總結(jié)一下就是:如果存在 render 函數(shù)或 template 屬性,則掛載元素會(huì)被 Vue 生成的 DOM 替換;否則,掛載元素所在的 HTML 會(huì)被提取出來(lái)用作模版
例:render 函數(shù)渲染的 DOM 替換
new Vue({ el: '#ppp', router, store, render: h => h(App) })
以上是“vue中el有什么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!