# Vue中$refs的理解
`$refs`是一个对象，持有注册过`ref attribute`的所有`DOM`元素和组件实例。
## 概述
`ref`被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的`$refs`对象上，如果在普通的`DOM`元素上使用，引用指向的就是`DOM`元素，如果用在子组件上，引用就指向组件实例，另外当`v-for`用于元素或组件的时候，引用信息将是包含`DOM`节点或组件实例的数组。
```html
Vue
```
因为`ref`本身是作为渲染结果被创建的，在初始渲染的时候是不能访问的，因为其还不存在，而且`$refs`也不是响应式的，因此不应该试图用它在模板中做数据绑定，在初始化访问`ref`时，应该在其生命周期的`mounted`方法中调用，在数据更新之后，应该在`$nextTick`方法中传递回调操作来获取元素或实例，此外一般不推荐直接操作`DOM`元素，尽量使用数据绑定让`MVVM`的`ViewModel`去操作`DOM`。
```html
Vue
```
## 每日一题
```
https://github.com/WindrunnerMax/EveryDay
```
## 参考
```
https://cn.vuejs.org/v2/api/#ref
https://zhuanlan.zhihu.com/p/50638655
https://juejin.im/post/5da58c54e51d4524e207fb92
```