Vue 源码解读(9)—— 编译器 之 优化

释放双眼,带上耳机,听听看~!

面试官 问:简单说一下 Vue 的编译器都做了什么?

Vue 的编译器做了三件事情:

  • 将组件的 html 模版解析成 AST 对象

  • 优化,遍历 AST,为每个节点做静态标记,标记其是否为静态节点,然后进一步标记出静态根节点,这样在后续更新的过程中就可以跳过这些静态节点了;标记静态根用于生成渲染函数阶段,生成静态根节点的渲染函数

  • 从 AST 生成运行渲染函数,即大家说的 render,其实还有一个,就是 staticRenderFns 数组,里面存放了所有的静态节点的渲染函数

【转自慕课】https://www.imooc.com

Vue.js

Vue 源码解读(10)—— 编译器 之 生成渲染函数

2022-3-8 12:44:28

PHP

PresenceVerifierInterface.php

2022-3-3 14:43:01

搜索