vue $refs 在组件中的用法

在 Vue 组件中，可以通过 `$refs` 来访问组件或元素，并且可以对它们进行操作。下面是在组件中使用 `$refs` 的示例：

1. 在组件中定义一个 ref 属性：

<template>
  <div>
    <child-component ref="childRef"></child-component>
  </div>
</template>

2. 在组件的 methods 中使用 `$refs` 来访问子组件：

methods: {
  doSomething() {
    this.$refs.childRef.methodName();
  }
}

在上面的代码中，我们使用了 `$refs` 来访问名为 `childRef` 的子组件，并且调用了子组件的 `methodName` 方法。

需要注意的是，使用 `$refs` 访问子组件或元素时，需要确保在子组件渲染完毕之后才能访问，否则可能会出现 undefined 或 null 的情况。