添加两个 ref 属性,点击输出,

控制台输出:

this.$refs 是所有配置了 ref 属性的集合。

单独输出 button 的 ref,查看控制台

输出了 dom 结构。

将 ref 属性添加到组件上,查看输出。第一个 this 是 school 的组件实例对象,this.$refs.student 拿到的是 student 的组件实例对象。

总结

ref 属性:

  1. 被用来给元素或子组件注册引用信息(id 的替代者)

  2. 应用在 html 标签上获取的是真实 DOM 元素,应用在组件标签上是组件实例对象

更新于