vue中el有什么用-创新互联

这篇文章主要介绍vue中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中el有什么用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联网站制作公司行业资讯频道!


当前题目:vue中el有什么用-创新互联
当前网址:http://bzwzjz.com/article/icdoj.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设公司 定制级高端网站建设 重庆手机网站建设 网站制作 泸州网站建设 手机网站制作设计 手机网站设计 成都网站建设 网站建设推广 成都网站制作 营销型网站建设 成都网站制作 网站设计 成都响应式网站建设 成都网站建设 外贸网站设计方案 重庆企业网站建设 高端定制网站设计 LED网站设计方案 成都网站制作 重庆电商网站建设 定制网站建设多少钱