Skip to content
蛋炒饭的前端笔记
Main Navigation
首页
CSS
JavaScript
Vue
Vue 基础
Vue 2
Vue 3
React
Node
浏览器
其他
Appearance
Menu
Return to top
页面导航
ref 属性
功能:给元素或子组件注册引用信息(id 的替代者);
HTML 标签元素:使用 id 和 ref 属性,没有太大区别,获取的都是真实 DOM 元素;
组件标签:使用 id 获得的是组件的完整 DOM 结构,而使用 ref 获得的是组件实例对象;
使用方式:
打标识:
<h1 ref="xxx">...</h1>
或
<School ref="xxx"></School>
获取:
this.$refs.xxx