Vue3 生产环境 instance.ctx 值问题

来源：1-1 课程简介

慕哥6812482

2020-12-02

Vue3 版本 3.0.0

以下是vue-cli 初始化的 3.0.0 版本测试结果

1.测试内容(打印instance)

图片描述

2.测试结果(开发环境)

图片描述

3.测试结果(生产环境)

图片描述

4.ctx赋值源码部分

图片描述

5.问题分析

这样的差异就会导致一些问题：

比如我全局赋值$message,开发环境下是可以通过instance.ctx. $message拿到,但是生产环境下createRenderContext方法没有走,所以拿不到。
还有就是像上面开发测试打印的 ctx结果里,$nextTick等属性也获取不到了

vue为何这样设计呢?

写回答

2回答

ustbhuangyi

2020-12-05

已采纳

https://v3.vuejs.org/api/composition-api.html#getcurrentinstance

//img.mukewang.com/szimg/5fca623e09afb45b15980718.jpg

Vue3 的设计可能更希望你通过这种方式去访问全局配置上定义的方法吧，另外 nextTick 也是单独暴露的 API，如果用 composition API 通常都是 import { nextTick } from 'vue'