添加两个 ref 属性,点击输出,
控制台输出:
this.$refs 是所有配置了 ref 属性的集合。
单独输出 button 的 ref,查看控制台
输出了 dom 结构。
将 ref 属性添加到组件上,查看输出。第一个 this 是 school 的组件实例对象,this.$refs.student 拿到的是 student 的组件实例对象。
总结
ref 属性:
被用来给元素或子组件注册引用信息(id 的替代者)
应用在 html 标签上获取的是真实 DOM 元素,应用在组件标签上是组件实例对象