Vue3 简介 | 菜鸟教程

Vue3 是一个用于构建用户界面的渐进式框架。
渐进式意味着你可以根据项目需要，只引入 Vue 的一部分能力：从一个简单的页面交互增强，到构建完整的单页应用（SPA），乃至服务端渲染（SSR）应用，Vue3 都能胜任。
Vue3 是由尤雨溪（Evan You）主导开发的渐进式 JavaScript 前端框架，于 2020 年 9 月 18 日正式发布，代号 One Piece（海贼王）。
相比 Vue2，Vue3 对核心架构进行了全面重写：响应式系统从 Object.defineProperty 升级为 Proxy，引入组合式 API（Composition API），并在性能、TypeScript 支持、包体积等方面全面提升。
Vue3 的官方定位是：一个易于上手，同时具备足够能力支撑复杂项目的框架。它既不像 Angular 那样强制要求特定架构，也不像 React 那样需要大量手动优化，而是在易用性与能力之间找到了平衡点。
Vue3 不是 Vue2 的修补升级，而是一次彻底的重写。
Vue3 的改进涵盖响应式系统、API 设计、编译器和新内置组件四个维度。
组合式 API 是 Vue3 最重要的设计变化，它解决了 Vue2 中 Options API 的根本痛点：相关逻辑分散在不同选项中，复用困难。
在 Options API 中，一个"用户搜索"功能的数据可能散落在 data、methods、computed、watch 四个选项里；而 Composition API 允许你把同一功能的所有逻辑写在一起，然后提取为可复用的函数（Composable）。
<script setup> 是组合式 API 的语法糖：它让你在 <script> 顶层直接编写组合式 API 代码，无需手动 return，所有顶层变量和函数会自动暴露给模板。这是 Vue3 目前最推荐的单文件组件写法。
Vue2 的响应式基于 Object.defineProperty，这个方案有两个无法根治的问题：无法监听对象新增属性、无法监听数组通过索引直接赋值。Vue3 用 Proxy 从根本上解决了这两个问题。
Composables 是 Vue3 中复用有状态逻辑的标准方式，类似于 React 的自定义 Hook。
约定以 use 开头命名，把一段完整的响应式逻辑提取为独立函数，在多个组件中复用。
Vue3 新增了三个内置组件，解决了前端开发中三类高频场景。
Vue3 将所有全局 API 改为具名导出（Named Export），配合 Vite / webpack 等打包工具的 Tree-shaking 能力，未使用的 API 不会被打包进最终产物。
Vue3 的组合式 API 对应的生命周期钩子全部以 on 开头，并在 setup 中调用。
Vue3 的核心库完全用 TypeScript 重写，提供精准的类型推断。配合 <script setup lang="ts">，可以直接在单文件组件中使用 TypeScript，无需额外配置。
Vue3 作为一个完整的前端框架生态，覆盖了从单页应用到服务端渲染、从 Web 到移动端的广泛场景。
这是 Vue3 最经典的使用场景。配合 Vue Router 4 实现前端路由，Pinia（Vue3 官方推荐的状态管理库，替代 Vuex）管理全局状态，可以构建功能完整的单页应用。
典型项目类型：企业后台管理系统、数据大屏、电商平台前台。
Nuxt 3 是基于 Vue3 的全栈框架，深度集成 SSR 和 SSG 能力。它自动处理服务端渲染的复杂性，让开发者像写普通 Vue 组件一样构建 SEO 友好的应用。
适用场景：内容型网站、博客、文档站、营销落地页。
uni-app 支持用 Vue3 语法同时开发微信小程序、支付宝小程序、H5 和 App（iOS/Android）。Ionic + Vue3 则适合构建高质量的混合移动应用。
Electron + Vue3（通过 electron-vite 等工具链）可以将 Vue3 应用打包为跨平台桌面程序。Tauri + Vue3 是近年流行的替代方案，用 Rust 作为后端，应用体积更小、性能更好。
Vue3 生态中有丰富的成熟组件库可供选择：
Vue.js 从一个个人项目发展为全球前三的前端框架，每一次重大版本的背后都有清晰的工程需求驱动。
Vue.js 由尤雨溪在 Google 任职期间创建。2013 年，他在 Angular 的开发体验上进行探索，希望提取其中最喜欢的部分——即数据驱动的视图更新机制，同时去掉他认为过于繁重的部分。
2014 年 2 月，Vue.js 0.8.0 公开发布，此后陆续得到 Laravel 社区的关注，逐渐在 JavaScript 社区打响知名度。
2015 年 10 月，Vue 1.0 正式发布，代号 Evangelion（新世纪福音战士）。同年，Vue Router（2015.08）、Vuex（2015.11）、Vue CLI（2015.12）相继发布，标志着 Vue 从一个视图层库发展为一个完整的渐进式框架。
2016 年 10 月，Vue 2.0 发布，引入虚拟 DOM 方案（借鉴 React），支持服务端渲染（SSR），性能大幅提升。
Vue 2 时代是 Vue 生态最快速扩张的阶段：Element UI 等组件库兴起，Nuxt.js 出现，Vue 成为全球 GitHub Star 最多的前端框架之一。
2019 年 2 月，Vue 2.6 发布，代号 Macross，这是 Vue 2 最后一个重要版本，承前启后。
Vue3 的开发始于 2018 年底，历时约两年，经历了 30+ 个 RFC（Request for Comments）、2600+ 次提交、99 位贡献者的 628 个 PR。
2020 年 9 月 18 日，Vue 3.0 正式发布，代号 One Piece（海贼王）。核心改变：
Vapor Mode 是 Vue3 未来最重要的技术方向：通过编译时静态分析，将模板直接编译为精准的原生 DOM 操作代码，完全绕过虚拟 DOM 的创建和 diff 过程。它与现有虚拟 DOM 模式可以共存，并支持渐进式迁移。目前仅支持 <script setup> 组合式 API，选项式 API 不适用。
Vue3、React 和 Angular 是目前前端开发的三大主流框架，了解各自定位有助于做出更合适的技术选型。
在国内前端生态中，Vue3 的使用率最高，Element Plus、Ant Design Vue 等中文文档完善的组件库极大降低了企业采用门槛。如果你的目标是国内就业市场，Vue3 是最值得优先掌握的框架之一。
了解 Vue3 的边界，可以帮助你做出更理性的技术判断。