本文详细介绍了Vue中ref和$refs的概念、作用及基本用法。ref是用于在DOM元素或组件上注册引用信息，而$refs则是Vue实例中存储所有注册过的ref的集合。它们在DOM渲染完成后可用，主要用于访问和操作DOM元素或组件，但不具备响应式特性。通过$refs可以方便地获取子元素的数据和调用子组件的方法，尤其在与v-for结合时，可以获取到一组元素或组件的数组。
参考：
简介：
DOM元素/组件中有属性ref（上图），对应vue实例中的$refs（下图）
ref是 元素/组件 向vue实例注册时所使用的 “引用信息”
$refs 是所有注册过的ref的一个集合
作用：（用法如下图红框所示）
如果有DOM元素或者组件设置了ref属性
那么其对应所在的vue实例可以通过$refs对象访问这个DOM元素或者组件
作用效果相当于HTML DOM中的querySelecter()方法
特点：
①渲染产物：渲染初期不存在，DOM渲染完成后才有，最早在mounted可以访问
②非响应式：不能用于数据绑定、
③可以与v-for结合：通过vm.$refs.name得到的是一个数组
基本用法：
获取页面DOM元素
访问子元素的data
调用子元素的methods
扫一扫
772
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
