当前位置: 首页 > 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存储问题
  • 为什么房产等实体资产不适合做同质化所有权拆分?
  • (三)从jvm层面了解线程的启动和停止
  • “Material Design”设计规范在 ComponentOne For WinForm 的全新尝试!
  • 2017前端实习生面试总结
  • js学习笔记
  • maya建模与骨骼动画快速实现人工鱼
  • opencv python Meanshift 和 Camshift
  • Python进阶细节
  • Sequelize 中文文档 v4 - Getting started - 入门
  • SpringBoot几种定时任务的实现方式
  • Stream流与Lambda表达式(三) 静态工厂类Collectors
  • v-if和v-for连用出现的问题
  • Vue官网教程学习过程中值得记录的一些事情
  • 阿里研究院入选中国企业智库系统影响力榜
  • 从 Android Sample ApiDemos 中学习 android.animation API 的用法
  • 解决iview多表头动态更改列元素发生的错误
  • 如何利用MongoDB打造TOP榜小程序
  • 深度学习在携程攻略社区的应用
  • 深入 Nginx 之配置篇
  • 数据仓库的几种建模方法
  • 数组的操作
  • 由插件封装引出的一丢丢思考
  • 分布式关系型数据库服务 DRDS 支持显示的 Prepare 及逻辑库锁功能等多项能力 ...
  • ​LeetCode解法汇总2583. 二叉树中的第 K 大层和
  • # centos7下FFmpeg环境部署记录
  • #1015 : KMP算法
  • (JS基础)String 类型
  • (附源码)spring boot基于小程序酒店疫情系统 毕业设计 091931
  • (附源码)springboot人体健康检测微信小程序 毕业设计 012142
  • (三分钟了解debug)SLAM研究方向-Debug总结
  • (算法)前K大的和
  • (转)菜鸟学数据库(三)——存储过程
  • *Django中的Ajax 纯js的书写样式1
  • .bat批处理(十):从路径字符串中截取盘符、文件名、后缀名等信息
  • .mysql secret在哪_MySQL如何使用索引
  • .Net多线程总结
  • .net专家(高海东的专栏)
  • .stream().map与.stream().flatMap的使用
  • @kafkalistener消费不到消息_消息队列对战之RabbitMq 大战 kafka
  • []利用定点式具实现:文件读取,完成不同进制之间的
  • [AIGC] 开源流程引擎哪个好,如何选型?