手记

【九月打卡】第三天 + 前端框架及项目面试

课程名称:前端框架及项目面试 聚焦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 代码,即模板编

课程学习截图:


0人推荐
随时随地看视频
慕课网APP