vue3子组件获取父组件的实例

在 Vue3 中，可以使用 `provide` 和 `inject` 来实现子组件获取父组件的实例。

首先，在父组件中使用 `provide` 提供一个实例：

import { defineComponent } from 'vue'

export default defineComponent({
  provide() {
    return {
      parentInstance: this,
    }
  },
  // ...
})

然后，在子组件中使用 `inject` 获取该实例：

import { defineComponent, inject } from 'vue'

export default defineComponent({
  setup() {
    const parentInstance = inject('parentInstance')

    // ...
  },
  // ...
})

这样就可以在子组件中访问父组件的实例了。需要注意的是，如果父组件中提供的实例发生变化，子组件也会相应地更新。