vue中$el等属性

1. 属性：

只举例常见的部分属性

* 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元素，如果有多个元素，那么只返回最后一个）

2. $el 和 $refs 的区别

这里主要讲，组件中使用的区别

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

而 $el 是指组件的DOM元素

所以在需要通过js触发达到点击触发时需要这样：

this.$nextTick(()=>{
    
    
  this.$refs.xxx.$el.click()
})