通过 CDN 使用 Vue 时，不涉及“构建步骤”。
这使得设置更加简单，并且可以用于增强静态的 HTML 或与后端框架集成。
但是无法使用单文件组件 (SFC) 语法。
单文件组件（Single File Component，简称 SFC）是 Vue.js 中用于组织组件代码的一种方式。
它将组件的模板（HTML）、逻辑（JavaScript）和样式（CSS）封装在一个单独的文件中，
通常以 .vue 为扩展名。SFC 语法使得组件的开发、维护和复用更加方便。
一个典型的 .vue 文件包含三个部分：
template：定义组件的 HTML 模板
script：定义组件的 JavaScript 逻辑
style：定义组件的样式

Vue两个核心功能：
声明式渲染：基于标准 HTML 拓展了一套模板语法，可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系
响应性：Vue自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM

财富认知力=信息力×模型力×心智力
信息力：快速学习，处理庞杂的信息
模型力：让经验系统化、可迁移化
心智力：对抗外界各种噪声、干扰

你永远赚不到自己认知之外的钱。
凭运气赚到的钱，往往会凭实力输光。

命令式和声明式
命令式框架关注过程
声明式框架更加关注结果
声明式的更新性能消耗 = 找出差异的性能消耗 + 直接修改的性能消耗
虚拟 DOM 的意义就在于使找出差异的性能消耗最小化。
Vue.js 3 是一个编译时 + 运行时的框架，
它在保持灵活性的基础上，还能够通过编译手段分析用户提供的内容，
从而进一步提升更新性能。

ESM（ECMAScript Modules）是 JavaScript 的官方模块系统，
允许开发者以模块化的方式组织和加载代码。
在 Vue.js 中使用 ESM 可以帮助你更好地管理代码结构，
并且与现代 JavaScript 工具链（如 Webpack、Vite、Rollup 等）无缝集成。

Tree-Shaking 是一种排除 dead code 的机制，
利用 Tree-Shaking 机制使最终打包的代码体积最小化

虚拟 DOM，用 JavaScript对象来描述真实的 DOM 结构，
渲染器把虚拟 DOM 渲染为真实 DOM

尚未佩妥剑，转眼便江湖。
愿历尽千帆，归来仍少年。

《Vue.js设计与实现》
https://github.com/GrayMind/vue3-learning
https://github.com/GrayMind/vue3-learning/tree/master/book/Vue.js设计与实现.pdf