Vue中的 ref 和 $refs

1.vm.$refs和ref

Vue中的 ref 和 $refs

Vue中的 ref 和 $refs

【代码分析】

Vue中的 ref 和 $refs

      如图上图,ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件实例。

2.ref在子组件引用

 

Vue中的 ref 和 $refs

ref和v-for在一起的情况

Vue中的 ref 和 $refs

li里的ref的无法读取item里面的值,即item.name或被直接读取为字符串“item.name”。