vue中的$ref用法

ref有三种用法：
1、ref加在普通的元素上，用this.ref.name获取到的是dom元素
2、ref加在子组件上，用this.ref.name获取到的是组件实例，可以使用组件的所有方法
注意：ref本身是作为渲染结果被创建的，在初始渲染的时候不能访问它，它们还不存在，$refs也不是响应式的，因此不应该试图用它在模板中做数据绑定ref需要在DOM元素渲染完成之后才有，在使用的时候确保DOM已经渲染完成，比如在生命周期的mounted()钩子函数调用，或者在this.$nextTick(()=>{}) 中调用
如果ref 是循环出来的，有多个重名，那么ref的值会是一个数组 ，此时要拿到单个的ref 只需要循环就可以了。