Vue3组合式API中如何详细理解getCurrentInstance方法？

本文共计403个文字，预计阅读时间需要2分钟。

在Vue2中，可以通过`this`来获取当前组件实例；而在Vue3中，`setup`函数中无法通过`this`获取组件实例，但可以使用`getCurrentInstance()`来获取。

Vue2中，可以通过this来获取当前组件实例；

Vue3中，在setup中无法通过this获取组件实例，console.log(this)打印出来的值是undefined。

在Vue3中，getCurrentInstance()可以用来获取当前组件实例vue3官方文档解释

let { proxy } = getCurrentInstance();

在setup中分别打印下面3个值，结果如下：

console.log(getCurrentInstance,typeof(getCurrentInstance)); console.log(getCurrentInstance(),typeof(getCurrentInstance())); console.log(proxy,typeof(proxy));

可以看到，getCurrentInstance是一个function方法，getCurrentInstance()是一个对象，proxy也是一个对象。proxy是getCurrentInstance()对象中的一个属性，通过对象的解构赋值方式拿到proxy。