vue.js中的el什么意思

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

vue.js中的el什么意思

【相关文章推荐:vue.js】

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 会被提取出来用作模版

nbsp;html>                                    
    

登录后复制

例:render 函数渲染的 DOM 替换

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

登录后复制

相关免费学习推荐:javascript(视频)

以上就是vue.js中的el什么意思的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3022769.html

(0)
上一篇 2025年3月13日 05:59:02
下一篇 2025年3月7日 09:56:18

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • vue.js有什么特点

    vue.js的特点:1、轻量级的框架,具有简单灵活的API;2、双向数据绑定,采用简洁的模板语法将数据声明式渲染整合进DOM;3、指令;4、组件化,可以扩展HTML元素,封装可重用的代码;5、客户端路由;6、状态管理等等。 推荐:《vue.…

    2025年3月13日
    200
  • Vue中如何集成CSS框架?方法介绍

    下面vue.js教程栏目给大家介绍一下在 vue.js 中集成 css 框架的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 CSS 框架之所以出色是有很多原因的:比如代码更容易理解、Web 应用更容易维护、简化实现…

    2025年3月13日
    200
  • vue.js如何带参数跳转

    vue.js带参数跳转的方法:首先创建【readDetail.vue】且在【index.js】中注册路由;然后通过【router-link】进行跳转,或者通过【$router】方式跳转。 本教程操作环境:windows10系统、vue2.5…

    2025年3月13日
    200
  • vue.js中v-bind是什么意思

    vue.js中【v-bind】是用于绑定一个多多个属性值,或者像一个组件创建props值,【v-bind】有一个对应的语法糖,也就是简写方式,利于语法简洁。 本教程操作环境:windows10系统、vue2.9,本文适用于所有品牌的电脑。 …

    2025年3月13日
    200
  • vue.js中怎么移除数组值

    vue.js中移除数组值的方法:使用【arr.splice(arr.indexOf(ele),length)】,获取这个数组中这个元素的下标,并从这个下标开始计算,删除长度为length的数组值。 本教程操作环境:windows10系统、v…

    2025年3月13日
    200
  • vue.js怎样刷新组件

    vue.js刷新组件的方法:首先给【router-view】标签添加key属性将key绑定的值放在状态管理容器里面;然后通过状态管理容器的mutations或者actions触发key值的变化即可。 本教程操作环境:windows10系统、…

    2025年3月13日
    200
  • vue.js怎么获取dom

    vue.js获取dom的方法:1、给html中原始标签对或子组件中定义ref属性,在【mounted(){}】方法后使用【this.$refs】获取DOM元素;2、mounted对组件的内容进行了修改后继续用【this.$refs】。 【相…

    2025年3月13日
    200
  • vue.js怎么判断对象为空

    vue.js判断对象为空的方法:1、将对象转JSON,如果为空集合【{}】 ,那么就是空对象;2、判断对象的长度,如果为零,那就是空对象。 本教程操作环境:windows10系统、vue2.9,本文适用于所有品牌的电脑。 【相关文章推荐:v…

    2025年3月13日
    200
  • vue.js插槽有什么用

    vue.js插槽的作用:1、显示标签,在组件内部通过【】进行接收;2、命名插槽,增加插槽的灵活性;3、带参数的插槽,将插槽中的数据使用组件内部的数据。 本教程操作环境:windows10系统、vue2.5.2,本文适用于所有品牌的电脑。 【…

    2025年3月13日
    200
  • vue.js全家桶包含哪些

    vue.js全家桶包有:1、【vue + vuex】状态管理;2、【vue-router】路由;3、【vue-resource】;4、axios;5、UI框架。 【相关文章推荐:vue.js】 vue.js全家桶包有: vue全家桶:vue…

    2025年3月13日
    200

发表回复

登录后才能评论