美文网首页
阅读SFC源码个人理解

阅读SFC源码个人理解

作者: HomWang | 来源:发表于2022-05-24 15:05 被阅读0次

整个流程为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 导入

相关文章

网友评论

      本文标题:阅读SFC源码个人理解

      本文链接:https://www.haomeiwen.com/subject/xebjprtx.html