云浪

v-if 上面这段模板会被 Vue 编译器编译为下面的渲染函数 由于 Vue2 的官方文档中没有提供在线的演练场，Vue2 要得到模板编译后的渲染函数会稍微麻烦一些，需要手动调用 Vue2 提供的 @

Teleport 组件解决的问题 Teleport 组件是 Vue3 新增的内置组件，用于实现将组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去，类似于 React 的 Portals

函数式组件是无状态的组件，就像纯函数一样。他接收 props ，返回虚拟 dom 。 函数式组件无须初始化 data 以及生命周期钩子，也没有 this ，函数式组件的初始化性能消耗小于有状态组件。

在日常的开发中，可借助判断 __esModule 是否为 true 或 Symbol.toStringTag 是否为 Module 判断当前模块是否为 ES 模块。

JavaScript 在一开始并没有模块，在大型的应用程序中，很容易出现全局污染（变量命名冲突）、依赖管理混乱等问题。 后来随着技术的发展，出现了 Node.js ，并实现了 CommonJS 模块化

由于 ES 模块化规范出来的比较晚，所以出现了现在 CommonJS 模块和 ES 模块共存的情况。因此在开发中可能会遇到 ES 模块引用 CommonJS 模块 或者 CommonJS 模块引用 E

在依赖关系复杂的大型项目中，很容易出现依赖循环加载的情况。即 a 模块加载了 b 模块，b 模块又加载了 a 模块。因此模块化方案必须要考虑到循环加载的情况。不过开发中应尽量避免模块循环加载的情况，因

--- highlight: a11y-dark --- CommonJS 模块与 ES 模块有三

什么是 ES 模块（ES Module） ES 模块是在语言标准层面上实现的模块化方案。 个人认为，ES 模块的出现意味着 JavaScript 模块化方案的成熟，服务器和浏览器的模块化方案因此得到统