美文网首页
vue 中 $el与$refs 区别

vue 中 $el与$refs 区别

作者: 好好学习__天天向上 | 来源:发表于2022-09-13 16:57 被阅读0次

* vm.$el

获取Vue实例关联的DOM元素;

* vm.$data

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

* vm.$options

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

* vm.$refs

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

首先 $refs 是指整个组件,里面包括 data、dom、method 等;

而 $el 是指组件的DOM元素

相关文章