ref的三种用法

1 如果用在普通的dom元素上，this.$refs就是指向当前的dom元素

2 如果用在子组件上，this.$refs就是指向该组件的实例，可以在父组件调用子组件里面的方法

3 当ref和v-for一起使用时，获取到的引用将会是一个数组或dom节点

注意： 1、$refs只有在组件渲染完成后才填充，在初始渲染的时候不能访问它们，并且它是非响应式的，因此不能用它在模板中做数据绑定。ref 需要在dom渲染完成后才会有，在使用的时候确保dom已经渲染完成。比如在生命周期 mounted(){} 钩子中调用，或者在 this.$nextTick(()=>{}) 中调用。

2、如果ref 是循环出来的，有多个重名，那么ref的值会是一个数组 ，此时要拿到单个的ref 只需要循环就可以了。