笔记

ref 是一个特殊的标签属性。
之前学过一个特殊的标签属性key。

如果我们把所有组件都写到 src目录,有可能看起来不方便。
所以我们可以新建一个目录: 01_src_分析脚手架 ,将来用的时候,就把该目录名调整为src。目的:方便使用同样的脚手架,方便区分不同节课的教学内容。

我们可以通过 vc对象 中的 $refs 找到 添加 ref属性 的标签:

065_ref属性 - 图1

通过 ref属性 拿 DOM 的方法:

  1. 在 框架 中的 标签属性中添加 ref属性;
  2. 在 交互 中通过 this.$refs.ref属性值 获取;

ref属性

  1. 被用来 给 元素 或 子组件 注册引用 信息(id的替代者)
  2. 应用在 html标签 上获取的是 真实DOM元素 ,应用在 组件标签 上是 组件实例对象(vc)
  3. 使用方式:
    1. 打标识:<h1 ref="xxx">.....</h1><School ref="xxx"></School>
    2. 获取:this.$refs.xxx