$refs是什么？

作用：可以获取到具体某一个元素（在javascript里直接访问一个子组件）

用法：在html元素上赋予ref这个属性

例：<input ref="userInput" id=" userInput ">

使用：

$refs只会在组件渲染完后生效，非响应式，所以在组件渲染完后使用  this.$refs.userInput 即可获取到input元素，与通过document.getElementById获取结果一致

与document.getElementById区别：

document.getElementById可以拿到页面上所有的id为userInput的dom

$refs获取的是当前组件下ref为userInput的dom，同时可以减少对获取dom节点的消耗

vue官网解析