宜宾网站建设公司

vue.js中el指的什么意思

这篇文章主要介绍了vue.js中el指的什么意思，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

成都创新互联服务项目包括翔安网站建设、翔安网站制作、翔安网页制作以及翔安网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，翔安网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到翔安省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

vue.js中的el的意思：el的类型有【String | HTMLElement | Function】，作用是为实例提供挂载元素，如果存在render函数或template属性，则挂载元素会被Vue生成的DOM替换。

vue.js中的el的意思：

el

类型：String | HTMLElement | Function

限制：在组件定义中只能是函数。

详细：

为实例提供挂载元素。值可以是 CSS 选择符，或实际 HTML 元素，或返回 HTML 元素的函数。注意元素只用作挂载点。如果提供了模板则元素被替换，除非 replace 为 false。元素可以用 vm.$el 访问。

用在 Vue.extend 中必须是函数值，这样所有实例不会共享元素。

如果在初始化时指定了这个选项，实例将立即进入编译过程。否则，需要调用 vm.$mount()，手动开始编译。

提供的元素只能作为挂载点。不同于 Vue 1.x，所有的挂载元素会被 Vue 生成的 DOM 替换。因此不推荐挂载 root 实例到 或者 上。

如果 render 函数和 template 属性都不存在，挂载 DOM 元素的 HTML 会被提取出来用作模板，此时，必须使用 Runtime + Compiler 构建的 Vue 库。

el 的作用大家都知道，用于指明 Vue 实例的挂载目标。我们重点关注上面两个部分，总结一下就是：如果存在 render 函数或 template 属性，则挂载元素会被 Vue 生成的 DOM 替换；否则，挂载元素所在的 HTML 会被提取出来用作模版



    
        
        
    
    
        
    

例：render 函数渲染的 DOM 替换 

new Vue({
    el: '#ppp',
    router,
    store,
    render: h => h(App)
})

感谢你能够认真阅读完这篇文章，希望小编分享的“vue.js中el指的什么意思”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!


新闻名称：vue.js中el指的什么意思
链接分享：http://hbruida.cn/article/gcpjic.html

其他资讯