前言#
我们终于分析完了（其实还有一些没分析，比如inlineTemplate的场景）。
这篇文章是用来给路标的。
正文#
调用入口分析、选择测试单元、处理仅有non setup script block的场景，以及$ref语法糖处理。#
坏蛋Dan：vue/compiler-sfc源码分析学习--part2:如何处理script--day1
2. 处理同时存在setup block和non setup block的non setup block以及如何分辨变量的类型。#
坏蛋Dan：vue/compiler-sfc源码分析学习--part2:如何处理script--day1
3. 处理setup block，包括props、emits等的初步处理。这块是量最大的代码，也是比较重要的。#
坏蛋Dan：vue/compiler-sfc源码分析学习--part2:如何处理script--day1
4. 这块也是比较重要的，继续处理数据（主要是props和emits的场景），以及组装成setup函数的参数。#
坏蛋Dan：vue/compiler-sfc源码分析学习--part2:如何处理script--day1
5. 生成setup函数语句，合并之前的数据，最终组装成非语法糖的代码。返回数据。#
坏蛋Dan：vue/compiler-sfc源码分析学习--part2:如何处理script--day1
最后#
这块终于分析完了（虽然还有些代码没分析，比如inlineTemplate）。
怎么说呢？没有弯弯绕绕（小声bb: 比如webpack）又或者涉及到算法的代码。整体看下来，其实就是在对babel转换出来的AST做处理，对任何可能存在的场景做判断处理。
前置学习条件也就需要对babel和AST有基础知识（当然，找入口以及如何调试又是另一个问题）。
我们接下去按照之前的目标，该分析template了。
坏蛋Dan：vue/compiler-sfc源码分析学习2--确认后续分析目标
另外part1,有兴趣可以看下~
坏蛋Dan：vue/compiler-sfc源码分析学习--part1: parse入口分析
编辑于 2022-12-06 19:18・IP 属地广东