- 被用来给元素或子组件注册引用信息(id的替代者)
- 应用在 html 标签上获取的是真实 DOM 元素,应用在组件标签上的是组件实例对象
VueComponent{}
- 使用方式
(1). 打标识
<!-- 给真实 DOM 元素打标识 -->
<h1 ref="xxx">...</h1>
<!-- 给组件打标识 -->
<组件 ref="xxx">...</组件>
(2). 获取
this.$refs.标识名
如果用 id 做标识的话,获取组件的话,获取的的是组件生成的 DOM 元素,而不是 VueComponent 对象