Skip to content

ref 属性

  • 功能:给元素或子组件注册引用信息(id 的替代者);
  • HTML 标签元素:使用 id 和 ref 属性,没有太大区别,获取的都是真实 DOM 元素;
  • 组件标签:使用 id 获得的是组件的完整 DOM 结构,而使用 ref 获得的是组件实例对象;
  • 使用方式:
    • 打标识:<h1 ref="xxx">...</h1><School ref="xxx"></School>
    • 获取:this.$refs.xxx