vue $refs

在Vue中，$refs 是一个对象，用于访问在模板中通过 ref 属性注册的 DOM 元素或子组件实例。这是Vue提供的一种非常方便的方式来直接访问和操作DOM元素或子组件。

使用场景

1. 直接访问DOM元素：当需要直接操作DOM元素时（比如，设置焦点、触发原生事件等），可以使用 ref 来注册这个元素，并通过 this.$refs 来访问它。
2. 访问子组件实例：如果组件内部使用了其他组件，并且需要直接访问这些子组件的方法或数据，也可以通过 ref 来注册子组件，并通过 this.$refs 来访问子组件的实例。

示例

访问DOM元素

<template>  
  <div>  
    <input ref="myInput">  
    <button @click="focusInput">Focus the input</button>  
  </div>  
</template>