vue3 通过ref拿不到组件实例对象

在Vue 3中，通过ref无法直接获取组件实例对象。原因是Vue 3在设计上做了一些改变，引入了Composition API，使用ref来包装数据，而不再用于获取组件实例。

在Vue 2中，我们可以使用this.$refs来获取组件实例对象，但在Vue 3中，这种方法已被废弃。代替的做法是使用setup函数和提供的Composition API。

在组件的setup函数中，我们可以通过返回一个对象来将里面的属性和方法暴露给组件使用。如果希望获取组件实例对象，可以借助Vue 3提供的内置函数getCurrentInstance()。

getCurrentInstance()函数返回了一个"currentInstance"对象，该对象包含了组件实例的一些属性和方法。通过这个对象，我们可以获取组件实例，并进行相关操作。

举个例子，假设我们有一个名为"HelloWorld"的组件，我们希望在组件内部获取实例对象。可以按照以下步骤：

1. 在组件的setup函数中，使用getCurrentInstance()获取组件实例对象。
2. 将获取到的实例对象保存在一个变量中，例如"instance"。
3. 现在，我们可以通过"instance"来访问组件实例的属性和方法。

下面是一个简单的示例代码：

import { getCurrentInstance, ref } from 'vue'

export default {
  setup() {
    const instance = getCurrentInstance()

    // 使用ref包装组件内部的属性
    const data = ref('Hello World')

    // 对组件实例进行操作
    console.log(instance.props) // 访问组件的props
    console.log(instance.emit) // 调用组件的emit方法

    // 返回需要暴露给组件的数据
    return {
      data
    }
  }
}

通过这种方式，我们可以在Vue 3中获取到组件实例对象，并进行相应的操作。