阅读SFC源码个人理解

2022-05-24  本文已影响0人  HomWang

整个流程为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 导入
上一篇 下一篇

猜你喜欢

热点阅读