vue getcurrentinstance

// 使用 Vue 3 的 getCurrentInstance 获取当前组件实例的示例

<template>
  <div>
    <p>这是一个示例组件</p>
  </div>
</template>

<script>
import { getCurrentInstance } from 'vue';

export default {
  name: 'ExampleComponent',
  setup() {
    // 获取当前组件实例
    const instance = getCurrentInstance();

    // 访问组件的上下文
    console.log(instance);

    // 返回一个对象，可以包含响应式数据、方法等
    return {
      // 可以在这里返回一些属性或方法供模板使用
    };
  }
};
</script>

<style scoped>
/* 样式部分 */
</style>

解释说明：

1. getCurrentInstance：这是 Vue 3 提供的一个 API，用于在 setup 函数中获取当前组件的实例。它返回一个包含组件上下文的对象。

2. setup 函数：这是 Vue 3 组合式 API 的入口函数，在这里你可以定义组件的逻辑，包括响应式数据、计算属性、方法等。

3. instance 对象：通过 getCurrentInstance() 获取到的 instance 对象包含了组件的各种信息，例如 props、attrs、slots、emit 等。你可以通过 console.log(instance) 查看具体的结构。

4. 返回值：setup 函数必须返回一个对象，这个对象中的属性和方法可以在模板中直接使用。在这个例子中，我们没有返回任何内容，因为我们只是演示如何获取组件实例。

如果你需要进一步操作组件实例，可以通过 instance 对象访问其属性和方法。