理解 渐进式 JavaScript 框架

Vue 是一款用于构建用户界面的渐进式 JavaScript 框架。

Vue 中出现了很多新颖的名字，这些名词通常让初次使用 Vue 的程序员望而却步，比如：渐进式、插槽、计算属性等等。个人建议在学习 Vue 的时候，这些名词的理解结合语法、用法、场景来记忆即可，不用死记硬背，也不要被名词唬住。

那怎么理解渐进式框架呢 ❓

Vue 是一款渐进式 JavaScript 框架

其实这里的渐进式主要是为了表示 Vue 使用起来“灵活”

Vue 已经具备非常完善的生态系统，社区也产出了成千上万基于 Vue 的轮子、库方便进行业务的开发。但是 Web 应用的构建是多样化的。例如：项目规模有大有小、行业类型不一致、业务需求也不尽相同等等。考虑到以上这些原因，Vue 的设计非常注重灵活性和“可以被逐步集成”这个特点，可以根据不同的需求场景用不同的方式使用 Vue 构建应用。

1️⃣从 web 开发的角度出发理解：

如果你已经有一个现成的应用，但是是非单页应用，可以将 Vue 作为该应用的一部分嵌入其中，带来更加丰富的交互体验。

如果希望将更多业务逻辑放到前端来实现，那么 Vue 核心库(Vue Rotuer、Vuex)及其生态系统也可以满足各种需求。和其他前端框架一样，Vue 可以将一个网页分割成可复用的组件，每个组件都有自己的 HTML、CSS 和 JavaScript 来渲染网页中一个对应的结构。

如果要构建一个大型应用，需要考虑开发效率、预编译工具、发布、测试、代码规范、可维护性等，这就需要一套工具，配置一些开发环境等。Vue 提供了一个 Vue CLI 以及 Vite 命令行工具，它让快速初始化一个真实的项目工程变得非常简单。

2️⃣从其他需求场景的角度出发理解：

• 无需构建步骤，渐进式增强静态的 HTML

• 在任何页面中作为 Web Components 嵌入

• 单页应用 (SPA)

• 全栈 / 服务端渲染 (SSR)

• Jamstack / 静态站点生成 (SSG)

• 开发桌面端、移动端、WebGL，甚至是命令行终端中的界面