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