长沙 做营销型网站的公司,生意网官方网站,如何将ip地址转换为域名,邢台市招聘信息最新招聘信息首先大家知道我们可以通过 getCurrentInstance这个函数来获取当前组件的实例对象,也就是当前vue这个实例对象 在Vue2中#xff0c;我们是可以通过this来获取当前组件实例#xff1b; 但是在Vue3中#xff0c;在setup中无法通过this获取组件实例的。所以在Vue3中#xff0c;…首先大家知道我们可以通过 getCurrentInstance这个函数来获取当前组件的实例对象,也就是当前vue这个实例对象 在Vue2中我们是可以通过this来获取当前组件实例 但是在Vue3中在setup中无法通过this获取组件实例的。所以在Vue3中我们可以通过getCurrentInstance()来获取当前组件实例 。 let { proxy } getCurrentInstance();
在setup中分别打印proxgetCurrentInstancegetCurrentInstance3个值
getCurrentInstance是一个function方法getCurrentInstance()是一个对象proxy也是一个对象。proxy是getCurrentInstance()对象中的一个属性通过对象的解构赋值方式拿到proxy。 注意getCurrentInstance只能在setup或生命周期钩子中使用。
let { ctx } getCurrentInstance();
console.log(ctx, typeof ctx);
let { proxy } getCurrentInstance();
console.log(proxy, typeof proxy);
ctx和proxy都是getCurrentInstance()对象中的属性通过解构赋值的方式拿到。可以看到2者有所区别。ctx是普通对象proxy是Proxy对象。 ⚠️Vue3中关于getCurrentInstance的巨大的坑 开发中只适用于调试 不要用于线上环境否则会有问题
解决方案
方案1.
const instance getCurrentInstance()
console.log(instance.appContext.config.globalProperties)方案2
获取挂载到全局中的方法
const { proxy } getCurrentInstance()
使用proxy线上也不会出现问题由于本人在使用AJ-Captcha插件的过程中发现在开发环境调试正常但是测试环境会报错获取不到组件实例 原因在于使用了let { ctx } getCurrentInstance();ctx获取 更换为const { proxy } getCurrentInstance() 恢复正常
