ref属性
- 被用来给元素(纯粹的html元素)或子组件注册引用信息(id的替代者)
- 应用在html标签上获取的是真实DOM元素,应用在组件标签上是
组件实例对象(vc)
- html标签
- 使用docum.getElementByID(),与使用ref并无区别
组件
☸- 如果使用docum.getElementByID(),则获取的只是该DOM元素
<div id="school"><h1>学校名称:尚硅谷</h1></div>
- 使用ref,则获取的是vc实例对象 vueCompont{xxxxxxxxxx}
- 如果使用docum.getElementByID(),则获取的只是该DOM元素
- html标签
- 使用方式:
- 打标识:
<h1 ref="xxx">.....</h1>
或<School ref="xxx"></School>
- 获取:
this.$refs.xxx
- 打标识: