如图,ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件实例:
在上面的例子中,input的引用信息为input1 ,
r
e
f
s
是
所
有
注
册
过
的
r
e
f
的
一
个
集
合
,
c
o
n
s
o
l
e
.
l
o
g
(
t
h
i
s
.
refs 是所有注册过的ref的一个集合, console.log(this.
refs是所有注册过的ref的一个集合,console.log(this.refs.input1)//
console.log(document.getElementById(‘input1’))//
这两种方法获得的都是Dom节点,而$refs相对document.getElementById的方法,会减少获取dom节点的消耗。
ref和v-for在一起的情况
li里的ref的无法读取item里面的值,即item.name或被直接读取为字符串“item.name”,
此时的$refs整个用下来就是比较方便取DOM,方便操作DOM