部分文章看的是较前版本的Vue3代码,但总体思路没问题
编译器
【cloud.tencent.com/developer/a… 】
registerRuntiomCompiler->compileToFunction->compile- ->runtime
compile
【cloud.tencent.com/developer/a… 】
从template->ast->transform->generate(产出的结果是字符串)
reactive + effect
effect是如何产生作用的,以下是一个mini版本,极大程度保留了核心代码,便于理解
ref
其实跟reactive非常像,甚至可以简单粗暴理解成先把value封装成{value:value},再走一遍reactive
视图更新
setup写法
【cloud.tencent.com/developer/a… 】