命令式和声明式
命令式框架关注过程
声明式框架更加关注结果
声明式的更新性能消耗 = 找出差异的性能消耗 + 直接修改的性能消耗
虚拟 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

Vue.js设计与实现 - 霍春阳
基于Vue.js 3，从规范出发，以源码为基础，并结合大量直观的配图，循序渐进地讲解Vue.js中各个功能模块的实现，细致剖析框架设计原理。
全书共18章，分为六篇，主要内容包括：框架设计概览、响应系统、渲染器、组件化、编译器和服务端渲染等。
通过阅读本书，对Vue.js 2/3具有上手经验的开发人员能够进一步理解Vue.js框架的实现细节，
没有Vue.js使用经验但对框架设计感兴趣的前端开发人员，能够快速掌握Vue.js的设计原理。

const dialogVisible = ref(false)    
ref是 Vue3 中的一个函数，用于创建响应式数据。
在 Vue3 中，ref 通常用于定义基本类型的响应式数据。
import { ref } from 'vue';
const dialogVisible = ref(false);
在这个例子中，dialogVisible 是一个响应式引用，初始值为 false。
可以通过 dialogVisible.value 来访问或修改它的值。
Vue2 类似的功能可以通过 Vue.observable 或 data 选项来实现，
但 Vue3 的 ref 和 reactive 提供了更强大和灵活的响应式系统。

PWA (Progressive Web App): 渐进式网页应用
SPA (Single Page Application): 单页应用
SSR (Server-Side Rendering): 服务器端渲染
CSR (Client-Side Rendering): 客户端渲染

《西湖梦寻》
对杭州一带重要的山水景色、佛教寺院、先贤祭祠等进行了全方位的描述，
按照总记、北路、西路、中路、南路、外景的空间顺序依次写来，把杭州的古与今展现在读者面前。
尤为重要的是，作者在每则记事之后选录先贤时人的诗文若干首（篇），更使山水增辉。
这些诗文集中起来，就是一部西湖诗文选。
在七十二则记事中，有不少有关寺院兴废之事，可以给研究佛教者提供丰富的资料。