vue中$refs是什么？它怎么在开发中使用？

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

$refs  文档说明该属性是一个对象类型，而且是只读的，解释为：一个对象，持有注册过ref特性的所有DOM元素和组件实例 。

怎么理解呢？要理解这句话，首先得明白ref特性是什么对吧？

ref特性

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

通俗理解：也就是说给子组件或者元素添加一个引用标识，而这个标识就会被记录在$resf实例属性当中。

到这里你大概对此有些了解了，关于应用，下面说一个小的功能，登录功能。

当你用了element-UI的时候&