如图，ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例：
在上面的例子中，input的引用信息为input1 ，$refs 是所有注册过的ref的一个集合，
console.log(this.$refs.input1)//
console.log(document.getElementById('input1'))//
这两种方法获得的都是Dom节点，而$refs相对document.getElementById的方法，会减少获取dom节点的消耗。
当ref和v-for一起使用的时候，你得到的 ref 将会是一个包含了对应数据源的这些子组件的数组。
整个用下来就是比较方便取DOM，方便操作DOM
如图，ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例：
在上面的例子中，input的引用信息为input1 ，$refs 是所有注册过的ref的一个集合，
console.log(this.$refs.input1)//
console.log(document.getElementById('input1'))//
这两种方法获得的都是Dom节点，而$refs相对document.getElementById的方法，会减少获取dom节点的消耗。
当ref和v-for一起使用的时候，你得到的 ref 将会是一个包含了对应数据源的这些子组件的数组。
整个用下来就是比较方便取DOM，方便操作DOM
