這篇文章主要介紹vue中el有什么用,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
在徐聞等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(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)營銷,外貿(mào)營銷網(wǎng)站建設(shè),徐聞網(wǎng)站建設(shè)費(fèi)用合理。
el
類型:String | HTMLElement | Function
限制:在組件定義中只能是函數(shù)。
詳細(xì):
為實(shí)例提供掛載元素。值可以是 CSS 選擇符,或?qū)嶋H HTML 元素,或返回 HTML 元素的函數(shù)。注意元素只用作掛載點(diǎn)。如果提供了模板則元素被替換,除非 replace 為 false。元素可以用 vm.$el 訪問。
用在 Vue.extend 中必須是函數(shù)值,這樣所有實(shí)例不會(huì)共享元素。
如果在初始化時(shí)指定了這個(gè)選項(xiàng),實(shí)例將立即進(jìn)入編譯過程。否則,需要調(diào)用 vm.$mount(),手動(dòng)開始編譯。
提供的元素只能作為掛載點(diǎn)。不同于 Vue 1.x,所有的掛載元素會(huì)被 Vue 生成的 DOM 替換。因此不推薦掛載 root 實(shí)例到 <html> 或者 <body> 上。
如果 render 函數(shù)和 template 屬性都不存在,掛載 DOM 元素的 HTML 會(huì)被提取出來用作模板,此時(shí),必須使用 Runtime + Compiler 構(gòu)建的 Vue 庫。
el 的作用大家都知道,用于指明 Vue 實(shí)例的掛載目標(biāo)。我們重點(diǎn)關(guān)注上面兩個(gè)部分,總結(jié)一下就是:如果存在 render 函數(shù)或 template 屬性,則掛載元素會(huì)被 Vue 生成的 DOM 替換;否則,掛載元素所在的 HTML 會(huì)被提取出來用作模版
<!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)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
文章標(biāo)題:vue中el有什么用
轉(zhuǎn)載注明:http://aaarwkj.com/article26/gdsocg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、網(wǎng)頁設(shè)計(jì)公司、品牌網(wǎng)站設(shè)計(jì)、Google、企業(yè)網(wǎng)站制作、小程序開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)