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;