vue3 getCurrentInstance 实例

在Vue 3中，getCurrentInstance函数是一个用来获取当前组件实例的函数。通过调用getCurrentInstance()函数可以获取到当前组件的实例对象，我们可以通过这个实例对象来访问组件的属性和方法。

getCurrentInstance()函数可以在组件中的任何位置调用，包括模板、setup函数和组件方法中。在模板中使用时，我们可以通过如下方式来获取当前组件的实例对象：

<template>
  <div>{{ getCurrentInstance().proxy }}</div>
</template>

在setup函数中使用时，我们可以将getCurrentInstance()函数返回的实例对象保存在一个变量中：

<script>
import { getCurrentInstance } from 'vue'

export default {
  setup() {
    const instance = getCurrentInstance()
    console.log(instance)
  }
}
</script>

通过获取到当前组件实例对象，我们可以访问到组件中定义的属性和方法，例如：

<template>
  <div>{{ message }}</div>
</template>

<script>
import { getCurrentInstance } from 'vue'

export default {
  setup() {
    const instance = getCurrentInstance()
    const message = instance.proxy.$props.message
    console.log(message)
  },
  props: ['message']
}
</script>