特殊属性之：ref

ref 被用来给元素或子组件注册 引用信息；

引用信息将注册在父组件的 $refs 对象上；

如果在DOM元素上使用，引用指向的就是DOM元素；如果在子组件上使用，引用指向的就是组件实例；

<!-- vm.$refs.p will be the DOM node -->
<p ref="p">hello</p>

<!-- vm.$refs.child will be the child component instance -->
<child-component ref="child"></child-component>

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

注意：

因为 `ref` 本身是作为渲染结果被创建的，所以，在初始渲染时不能访问到它（还不存在）；
$refs 不是响应式的，因此它不能在模板中做数据绑定。