vue3代码setup中this为什么无效

结论:setup并没有通过各种方式去绑定this
在vue2中,我们可以在optionsApi中调用this来指向当前组件的实例,但是在vue3的setup中并不能这样做,因为setup位于组件创建成功后但是并没有解析data、computed、methods中间,所以他们无法从setup中调用this去获得
源码阅读
1.vue源码核心部分
2.setup位置
在runtime-core内的component文件中,我们发现setup仅在实例创建成功后就开始执行了。
在调用setup中并没有进行值绑定
3.执行顺序
调用 createComponentInstance 创建组件实例;
调用 setupComponent 初始化component内 部的操作;
调用 setupStatefulComponent 初始化有状态 的组件;
在 setupStatefulComponent 取出了 setup 函 数;
通过callWithErrorHandling 的函数执行 setup;
以上是 vue3代码setup中this为什么无效 的全部内容, 来源链接: utcz.com/z/377907.html

