vue3 的一个神奇问题，求解惑

[lawsiki]

代码地址如下：

https://play.vuejs.org/#eNp9kU1PwzAMhv9KlAubmDrQbqOb+NAOcAAEHHMpqbtlS5MocUalqv8dL2XdDmhVD47fx87ruOUPzmX7CHzO8yC9crgURtXOemQt81BIVHuYUFSxjlXe1uyK8CthhIEmYSVURdSEC8NYAIxuNE4xoyqM3vRK/5lYz6nX6GY8OSWLshyNzynGcKNCRjC7XrDbu5PS9WGXUnSgP58OxumAUDtdINCJsfw7IlrD7qVWcrcQPN0k+LJtqXfX5dMeIDifDpV8wjFIayq1zrbBGnqb5E1waWunNPg3h8qaIPj86Jpaa21/XlIOfYS/8ahmA3L3T34bmkNO8HcPAfweBB80LPwasJdXn6/QUDyItS2jJvqC+AHB6njw2GOP0ZRk+4xLbp/TnpVZf4VVg2DCcaiD0fTAiRecNv50YfST3Vk2Oy6Gd79sGMJ7


为什么这段代码能够正常执行？ ref 包装的对象不是需要 .value 读取修改么？

[charlie21]

直接在 return 里写东西，这让我想起了
https://www.naiveui.com/zh-CN/os-theme/components/checkbox

[lawsiki]

@charlie21 上手 vue3 就是用的这个框架😂

[zhangjiancheng]

没有仔细看过 setup 的源码，应该是 setup 在处理 return 的返回值时有做处理，实际在 add()内 console.log(this)也能看到 num 被处理过不需要.value 访问，就像 template 内访问 ref 一样不需要.value

[CHTuring]

因为 setup 中 return 其实就是 render 函数