成都创新互联网站制作重庆分公司

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://cxhlcq.com/article/gcpjic.html

其他资讯

在线咨询

微信咨询

电话咨询

028-86922220(工作日)

18980820575(7×24)

提交需求

返回顶部