当前位置: 首页 > news >正文

vue中以this.$xx的属性详解

this.$el

获取Vue实例关联的DOM元素;vue中也是允许进行dom操作的(但是不建议)
注意this.$el关联的是真实Dom,所以需要在mounted渲染真实Dom之后才可以使用了

this.$refs

获取页面中所有含有ref属性的DOM元素(如vm.$refs.hello,获取页面中含有属性ref = “hello”的DOM元素,如果有多个元素,那么只返回最后一个)

this.$options

获取Vue实例的自定义属性(如this.$options.methods,获取Vue实例的自定义属性methods)

this.$data

获取Vue实例的data选项(对象)

在这里插入图片描述
console.log(app.$el);
返回Vue实例的关联DOM元素,在这里是#container

console.log(app.$data);
返回Vue实例的数据对象data,在这里就是对象{msg:”hello,2018“}

console.log(app.$options.address);
返回Vue实例的自定义属性address,在这里是自定义属性address

console.log(app.$refs.hello)
返回含有属性ref = hello的DOM元素(如果多个元素都含有这样的属性,只返回最后一个)<h3 ref = "hello">测试{{msg}}</h3>

相关文章:

  • vue中使用normalize.css重设css样式
  • fixed布局内部元素错位
  • 无法引入umi/link
  • Ubuntu用户提权到Root
  • session和cookie自动登录机制
  • 2019MSSCSTC赛前培训 # web方向
  • 基于区块链的去中心化交易系统
  • 电子商务创新
  • 基于区块链的数字版权保护介绍
  • 基于区块链的价值交易和管理系统
  • 区块链:去中心化的交易所方向
  • 星际文件存储IPFS是如何颠覆云存储的?
  • 使命、愿景、价值观
  • 前端Token存储问题
  • 为什么房产等实体资产不适合做同质化所有权拆分?
  • C# 免费离线人脸识别 2.0 Demo
  • Linux快速复制或删除大量小文件
  • node入门
  • OSS Web直传 (文件图片)
  • Sass Day-01
  • spring-boot List转Page
  • vue中实现单选
  • Webpack入门之遇到的那些坑,系列示例Demo
  • 诡异!React stopPropagation失灵
  • 使用 QuickBI 搭建酷炫可视化分析
  • 王永庆:技术创新改变教育未来
  • 硬币翻转问题,区间操作
  • 直播平台建设千万不要忘记流媒体服务器的存在 ...
  • ​ssh免密码登录设置及问题总结
  • #define、const、typedef的差别
  • #鸿蒙生态创新中心#揭幕仪式在深圳湾科技生态园举行
  • $NOIp2018$劝退记
  • (14)目标检测_SSD训练代码基于pytorch搭建代码
  • (C语言)fread与fwrite详解
  • (C语言)共用体union的用法举例
  • (javascript)再说document.body.scrollTop的使用问题
  • (MATLAB)第五章-矩阵运算
  • (NO.00004)iOS实现打砖块游戏(九):游戏中小球与反弹棒的碰撞
  • (超简单)使用vuepress搭建自己的博客并部署到github pages上
  • (附源码)SSM环卫人员管理平台 计算机毕设36412
  • (免费分享)基于springboot,vue疗养中心管理系统
  • (十三)Java springcloud B2B2C o2o多用户商城 springcloud架构 - SSO单点登录之OAuth2.0 根据token获取用户信息(4)...
  • (数位dp) 算法竞赛入门到进阶 书本题集
  • (四) Graphivz 颜色选择
  • (心得)获取一个数二进制序列中所有的偶数位和奇数位, 分别输出二进制序列。
  • **PyTorch月学习计划 - 第一周;第6-7天: 自动梯度(Autograd)**
  • .net 提取注释生成API文档 帮助文档
  • .NET学习全景图
  • .pop ----remove 删除
  • @Bean, @Component, @Configuration简析
  • @hook扩展分析
  • [.NET 即时通信SignalR] 认识SignalR (一)
  • [2016.7.Test1] T1 三进制异或
  • [BROADCASTING]tensor的扩散机制
  • [codevs] 1029 遍历问题