Ref有两种使用场景：

（1）ref用于普通的DOM元素上；

（2）ref用于子组件上；

Ref被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的$refs对象上，如果在普通的DOM对象上使用，引用指向的就是DOM元素；如果在子组件上使用，引用指向的就是组件实例。在Vue中，通过ref可以让我们避免不必要的DOM操作，它相比于document.querySelector()要消耗更少。

当v-for用于元素或组件时，引用信息将是包含DOM节点或组件实例的数组。

注意：ref本身是作为渲染结果被创建的，在初始渲染的时候不能访问它们，它们还不存在，$refs也不是响应式的，不应该用它在模板中进行数据绑定。