整个流程为12步
编译 script setup 需要对整个SFC进行处理和合并,如果script和script setup两者都存在
- 如果存在则先处理普通的<script>
- 解析 <script setup> 并遍历顶层语句
- 应用反应性变换
- 从设置上下文类型中提取运行时道具/发射代码
- 检查 useOptions args 以确保它不引用设置范围
- 移除非脚本内容
- 分析绑定元数据
- 注入
useCssVars
调用 - 完成 setup() 参数签名
- 生成return语句
- 完成默认导出
- 完成 Vue helper 导入
网友评论