vm $el 和 vm $root 的区别

最新推荐文章于 2025-07-25 12:54:04 发布
原创 最新推荐文章于 2025-07-25 12:54:04 发布 · 1.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue 实例

博客介绍了 Vue 组件的根实例相关信息，提到 el 是当前组件的根实例，root 是整个组件树的根实例，属于 Vue 前端开发领域知识。

el 是当前组件的跟实例
root 是整个组件树的根实例

vue属性、$props、$options、$el、$root
weixin_45727786的博客
05-21 1672
Vue属性 1.$props: 2.$options 获取的是vue实例中的选项，包含自定义选项 3.$el:访问vue实例的根dom元素 4.$root获取根vue实例 ​ 1.​ $props:父组件传给子组件 ​ 4.$root获取根vue实例         root 和parent 都能够实现访问父组件的属性和方法，两者的区别在于，如果存在多级子组件，通过parent 访问得到的是它最近一级的父组件，通过roo
Vue实例属性
liangsaichi的博客
05-21 2585
Vue实例属性 $props:使用这个属性可以接受上级组件向下传递的数据 $options:获取vue实例属性，包含自定义属性 $el:vue实例的根doom元素 $children:获得vue实例的直接子组件 $root:用获取当前组件树的根vue实例 $attrs:可以获取组件的属性，但其获取的属性中不包含class、style以及被声明为props的属性。 1.$props 首先做一个小案例： <div id="app"> <p>vm.$props <
Vue基础知识（Web开发技术）（二）—Vue开发基础
m0_48788975的博客
12-31 1652
第一篇在这里：Vue期末复习（一）—Vue开发基础_m0_48788975的博客-优快云博客_vue期末考试 导读： 本章着重在： Vue提供的全局API Vue实例对象中的常用属性 使用render渲染函数完成页面渲染的方法 通过全局对象配置Vue的方法 1.全局API API（Application Programming Interface，应用程序编程接口： 构建自定义的指令、组件、插件，通过Vue实例属性完成更强大的功能等。 指令包括： ...
Vue实例的常用属性 Vue实例常用方法
努力！加油！！
03-07 828
Vue学习
vue--父组件使用子组件里的方法和属性--$refs-ref、$el、$root三种属性+console.group
DcTbnk的博客
07-18 409
将组件的标签添加一个ref=“xxx” ，然后父组件使用子组件直接this.refs.xxx.xxx <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>vue中的ref&.
Vue之vm.$el是什么
zjnkkl的博客
09-22 2016
在实例挂载之后，元素可以用 vm.$el 访问。 $，以便与用户定义的属性区分开来 <template> <button @click="myClick">点我啊</button> </template> <script> export default { data(){ return{ } }, methods:{ myClick(){ console.log(vm.$el)//打印id为ap
简述vm.$props,vm.$options,vm.$el,vm.$children,vm.$root,vm.slots,vm.$atrrs分别获取的内容。
03-22
vm.$el：获取组件实例的根 DOM 元素。 vm.$children：获取组件实例的子组件实例数组。 vm.$root：获取组件实例的根组件实例。 vm.slots：获取组件实例的插槽内容，包含了所有插槽的内容。 vm.$attrs：获取组件...
27、Oracle VM 安装与配置全攻略
t8u9v0的博客
06-30 88
本文详细介绍了 Oracle VM 的安装与配置全过程，包括 Oracle VM Server 和 Oracle VM Manager 的安装步骤、CLI 命令行工具的使用方法以及网络和存储的高级配置技巧。通过本攻略，用户可以全面掌握如何构建和优化一个稳定高效的虚拟化环境，适用于各种业务需求，特别是在集群和高可用性场景下的 Oracle RAC 配置。
vm16虚拟机 Redhat linux 8 Samba服务配置教程
lagelangri666的博客
04-22 1112
1. 安装Samba服务相关软件2. 修改Samba配置文件3. 开启Samba服务以及防火墙4. windows10设置与服务器连接。
21、z/VM与Linux系统管理及资源配置全解析
最新发布
vscode5coder的博客
07-25 35
本文详细解析了z/VM与Linux在System z平台上的系统管理及资源配置方法。涵盖用户定义与管理流程、磁盘资源映射与编译、网络访问配置（LAN与VSWITCH）、Linux磁盘管理（设备启用与永久配置）、以及逻辑卷管理器（LVM）的使用。通过工具如DISKMAP、DIRECTXA、chccwdev等，系统管理员可以高效完成用户与资源的配置与维护。文章还提供了操作流程总结、常见问题解决方法及未来展望，旨在帮助系统管理人员掌握关键技能，提升系统稳定性与性能。
vm.$el、vm.$children
tangtian_yes的博客
03-29 1106
vm.$el用来访问vm实例使用的根DOM元素 {可以对整个DOM元素进行各种操作} $children用来获取el根元素下的子组件
Vue之vm.$el是什么？(017)
weixin_31707323的博客
04-16 5275
Vue之vm.$el是什么？ 在实例挂载之后，元素可以用 vm.$el 访问。 完整代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></script> <title>el02</title> </head> <body
vm.$root、vm.$slots、vm.$arrts
tangtian_yes的博客
03-29 1092
vm.$root用来获取当前组件树的根Vue实例，如果当前实例没有父实例，则获取到的是该实例本身。 vm.$slots就是一个插糟，在组件的中间写入，返回到template的插槽中 vm.$attrs可以获取组件的属性，但其获取的属性中不包含class、style以及被声明为props的属性。 ...
Vue源码学习笔记-vm实例的$root属性(根)的实现方式
issac_han的博客
08-04 2373
 let parent = options.parent   if (parent &amp;&amp; !options.abstract) {     while (parent.$options.abstract &amp;&amp; parent.$parent) {       parent = parent.$parent     }     parent.$children.pus...
vue中的vm.$root和vm.$parent详解
qq_37734787的博客
12-09 1792
$root vue状态管理使用vuex,如果项目不大，逻辑不多，name我们没必要用vuex给项目增加难度，只需要用$root设置vue实例的data就行了，如下 main.js new Vue({ data(){ return{ loading:true } }, router, store, render: h => h(App) }).$mount('#app') a.vue created(){ console.log(this.$root.loading)
vue随笔（$root,$el,$ref,$parent...）
chuzhou8495的博客
07-31 561
$options----->可以访问修改控制层中的数据，方法。。。 $el------>可以访问修改视图层作用域中innerHTML,，改变样 式。。。和操作DOM差不多 $ref----->单独标记，随时访问 $slot----->先摆好位子，要按我的规矩来 i...
vue系列：vue的常用属性和方法
TotoroChinchilla的博客
05-09 2423
vue的常用属性vm.$ el、vm.$ data、vm.$ options、vm.$ refs和方法vm.$ mount()、vm.$ nextTick()、vm.$ set()、vm.$ delete()
vue生命周期
fallsTheDust的博客
03-20 909
一、生命周期概念 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。 同时在这个过程中也会运行一些叫做生命周期钩子的函数 这给了用户在不同阶段添加自己的代码的机会。 即是在什么时间段使用什么逻辑，实现什么功能。 二、生命周期有哪些？ Vue生命周期总共可以分为8个阶段：创建前后, 载入前后,更新前后,销毁前销毁后，以及一些特殊场景的生命周期 生命周期描述 beforeCreate 组件实例被创建之初 crea
Vue 实例常用的属性和方法
福仔的博客
04-29 9608
本文是我在学习过程中记录学习的点点滴滴，仅仅为了学完之后巩固一下，日后忘记了也可以方便快速的复习。 Vue 实例常用的属性和方法前言一、Vue实例常用属性1.1、vm.$ el、vm.$ data1.2、vm.$ options、vm.$refs二、vm.$ mount()、vm.$nextTick() （Vue 实例常用方法 ——生命周期）2.1、vm.$mount（）2.2、vm.$nextTick()三、vm.$ set() vm.$delete()（Vue 实例常用方法——为对象添加和删除属性).
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值