美文网首页
阅读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