vue中el有什么用

這篇文章主要介紹vue中el有什么用，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

在徐聞等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站設(shè)計、成都網(wǎng)站設(shè)計網(wǎng)站設(shè)計制作按需設(shè)計,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),成都全網(wǎng)營銷,外貿(mào)營銷網(wǎng)站建設(shè),徐聞網(wǎng)站建設(shè)費用合理。

類型：String | HTMLElement | Function

限制：在組件定義中只能是函數(shù)。

詳細(xì)：

為實例提供掛載元素。值可以是 CSS 選擇符，或?qū)嶋H HTML 元素，或返回 HTML 元素的函數(shù)。注意元素只用作掛載點。如果提供了模板則元素被替換，除非 replace 為 false。元素可以用 vm.$el 訪問。

用在 Vue.extend 中必須是函數(shù)值，這樣所有實例不會共享元素。

如果在初始化時指定了這個選項，實例將立即進(jìn)入編譯過程。否則，需要調(diào)用 vm.$mount()，手動開始編譯。

提供的元素只能作為掛載點。不同于 Vue 1.x，所有的掛載元素會被 Vue 生成的 DOM 替換。因此不推薦掛載 root 實例到 <html> 或者 <body> 上。

如果 render 函數(shù)和 template 屬性都不存在，掛載 DOM 元素的 HTML 會被提取出來用作模板，此時，必須使用 Runtime + Compiler 構(gòu)建的 Vue 庫。

el 的作用大家都知道，用于指明 Vue 實例的掛載目標(biāo)。我們重點關(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)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章標(biāo)題：vue中el有什么用
轉(zhuǎn)載注明：http://muchs.cn/article26/gdsocg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、網(wǎng)頁設(shè)計公司、品牌網(wǎng)站設(shè)計、Google、企業(yè)網(wǎng)站制作、小程序開發(fā)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容