VUE学习6-ref与$refs

ref用来给对象或者组件注册引用,引用信息注册在父组件的$refs上。如果注册组件component,则通过$refs可得到这个子组件实例;如果注册普通的DOM元素,则得到这个DOM元素本身。

例如 <input type=”text” ref=”mytext”>,控制台打印出$refs可得到这个input对象。

console.log(this.$refs)

输入框中的值可以通过 this.$refs.mytext.value获取。

⚠️注意:

  1. $refs是在组件render渲染后才填充的,因此尽量避免在模版和计算属性computed中使用$refs.
  2. 在ul>li列表中使用ref要注意,<li>中的ref不能读取{{data}}里面的值。。。