vue 用ref获取属性为undefined

前几天遇到一个小问题，用this.$refs.xxx.setoffTop，竟然为undefined，关键是this.$refs.xxx是有值的。

可是以前不都是这么用的吗

最后用this.$refs.xxx.$el.setoffTop得到了

• 原因是：这回我用$refs获得的是一个组件，不是原有的DOM元素。

$refs和$el的使用：

$ref 加在普通的元素上，用this.$refs.（ref值） 获取到的是dom元素
$ref 加在子组件上，用this.$refs.（ref值） 获取到的是组件实例，可以使用组件
的所有方法。
获取Vue实例关联的DOM元素，需要再加上.$el。
在使用方法的时候直接this.$refs.（ref值）.方法（） 就可以使用了。