课程名称：前端框架及项目面试 聚焦Vue3/React/Webpack

课程章节：Vue3.0

主讲老师：双越老师

课程内容：

今天学习内容包括：

1. 模板编译

课程收获：

• 模板是 vue 开发中最常用的部分，即与使用相关联的原理

• 它不是 html，有指令、插值、JS表达式，到底是什么

模板编译：

• 前置知识：JS 的 with 语法

• vue template complier 将模板编译为 render 函数

• 执行 render 函数生成 vnode

with 语法：

• 改变 {} 内自由变量的查找规则，当作 obj 属性来查找

• 如果找不到匹配的 obj 属性，就会报错

• with 要慎用，它打破了作用域规则，易读性

vue 模板被编译成什么：

• 模板不是 html，有指令、插值、JS 表达式，能实现判断、循环

• html 是标签语言，只有 JS 才能实现判断、循环

• 因此，模板一定是转换为某种 JS 代码，即模板编

课程学习截图：