阅读SFC源码个人理解

整个流程为12步
编译 script setup 需要对整个SFC进行处理和合并，如果script和script setup两者都存在

  1. 如果存在则先处理普通的<script>
  2. 解析 <script setup> 并遍历顶层语句
  3. 应用反应性变换
  4. 从设置上下文类型中提取运行时道具/发射代码
  5. 检查 useOptions args 以确保它不引用设置范围
  6. 移除非脚本内容
  7. 分析绑定元数据
  8. 注入 useCssVars 调用
  9. 完成 setup() 参数签名
  10. 生成return语句
  11. 完成默认导出
  12. 完成 Vue helper 导入
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容