Vue 3 即将到来——期待什么以及如何准备

Vue 3 即将发布，外界对此议论纷纷。这让我想要帮助开发者社区为这个热门框架的下一个版本做好准备。希望这篇文章能对你有所帮助 ❤️

在这篇文章中我将讨论以下主题：

• 为什么 Vue 3 如此令人兴奋
• Vue 3 的功能和变化
• 发布日期说明
• 实验 Vue 3：可用的重要工具
• 如何准备从 Vue 2 迁移
• 学习 Vue 3 - 教程和指南
• 常见问题

开始吧！🚀

Vue 3 将会非常棒

Vue 的受欢迎程度日益增长，项目每次更新都变得更快、更完善。尤雨溪于 2018 年 11 月 15 日在伦敦的一次会议上宣布了新版 Vue。Vue 3 的主要重点是使其速度更快、更适合原生应用，并且更加用户友好。

除此之外，还有一个用于创建组件的新 Composition API。它并没有为 Vue 引入新概念，而是将 Vue 的核心功能（例如创建和观察响应式状态）以独立函数的形式公开。这对于各个级别的 Vue 开发者来说都非常有用。

简而言之，Vue 团队正在大力改进框架 API，以使 Vue 3 成为：

• 快点
• 较小
• 更易于维护
• 更容易瞄准本地人
• 改善开发人员体验

迫不及待地想看到它正式发布？您可以开始尝试Vue 3 的 alpha 版本。此外，还有一份初始API 参考。

Vue 3 的功能和变化

Vue 3 的预期 - 概述

• Composition API：这个新的 API 有点像 React Hooks。它是一种新的语法，允许你使用函数按功能（而不是按对象）组织代码。此 API 将与 Vue 2 中著名的 Options API 共存，而不会取代它。这意味着你可以继续按照你习惯的方式构建组件，无需担心。然而，你也可以使用 Composition API 进行构建，它提供了更灵活的代码组织和逻辑复用功能以及其他改进。
• TypeScript 支持：这是 Web 开发中最令人期待的集成之一。Vue 3 将内置 TypeScript，并允许您在项目中选择性地使用 TypeScript。无论如何，使用 ES 的开发人员不会受到影响。
• 更快的挂载和修补：虚拟 DOM 已完全重写，性能更佳。新增编译时提示，以减少运行时开销。这将帮助您跳过不必要的条件分支，避免重新渲染。组件实例初始化速度最高可提升 100%，速度提升一倍，内存占用减少一半。这真是太棒了。
• 视图声明：Vue 3 将继续支持模板和渲染函数。重点在于 Vue 3 优化了渲染速度，例如通过加速在后台运行的“diff”算法，让 Vue 知道哪些内容需要重新渲染，而不会受到干扰。
• 它更小：您将能够快速摆脱未使用的代码。目前最小化和压缩后的 Vue 运行时大小约为 20kB（当前 2.6.10 版本为 22.8kB）。Vue 3 软件包大小估计约为其一半，即约 10kB！
• 原生门户：现在称为传送门
• 片段：不会在 DOM 树中呈现的虚拟元素。
• Hooks API（仍处于实验阶段）
• 时间分片支持（仍处于试验阶段）

有关 Vue 3 即将推出的功能的更多信息

我们不想用冗长的描述让你不知所措。网上有很多帖子，我们只挑选了那些既技术性强又专业，并且包含实际示例的帖子：

• 尤雨溪：Vue 3的制作过程。这是 Vue 创始人自 2020 年 5 月以来的最新故事。
• Filip Rakowski介绍Vue 3 中令人兴奋的新功能
• Vue 3 新功能总结，作者：Yanze Dai

发布日期说明

正式版本计划于 2020 年第三季度发布（即从现在到 2020 年 9 月 30 日的任何时间）。此信息基于Vue 3 大型项目的官方路线图。

对发布日期持乐观态度的理由🤩

• 它已经处于候选发布 (RC) 阶段，并且已公开发布！这意味着 API 和实现已经稳定，不会再有任何更改。在此阶段，他们正在开发一个“兼容版本”：一个包含 2.x API 兼容层的 3.0 版本。此版本还将附带一个标志，您可以打开该标志，以便在您的应用中针对 2.x API 的使用发出弃用警告。尽管 Evan You 最初估计是在 2019 年，但他们已经达到了如此先进的阶段，这让我们有理由相信他们有强烈的动力在 2020 年内推出。
• Vue 3 的许多最基本工具已经处于实验或公开 alpha 阶段（我将在下面详细介绍）。
• Vue 3 的文档和迁移指南已经发布，向您讲解了新功能。两者目前仍处于测试阶段，但已经相当完善（并且非常易读且结构良好，一如 Vue 文档一直以来的风格）。

质疑发布日期的理由😒

• 目前，我认为最好对这个日期（2020 年第三季度）持保留态度。即将发布的 Vue 3早在 2018 年就已发布，而且发布日期已经被推迟了很多次。
• 此外，路线图的最后一次更新是在 6 月 29 日进行的。此后可能发生的许多事情都可能影响发布日期。

如果您想了解官方发布内容的详细信息，请查看有关2020 年 4 月 Vue 状态的完整介绍，并关注最近的变化。

实验 Vue 3：可用的重要工具

• Composition API 现已作为Vue 2 的插件提供，您可以尝试一下。
• 新Vue Devtools的 Beta 版本
• Vue 3 官方路由器
• 即将发布的 Vue 3 版本的Vue CLI插件
• Vue 3 版本的Vue Test Utils

如何准备从 Vue 2 迁移

如果您的项目相对较小，并且一直遵循 RFC 并避免使用即将弃用的功能，那么这个过程应该会非常快！无论如何，最好的方法是先查看迁移指南。请注意，迁移指南仍处于测试阶段，您应该会在 Vue 3 正式发布后很快看到变化。

学习 Vue 3 - 教程和指南

• Vue Mastery提供了学习 Vue 3 的优秀课程：推荐给已经具备 Vue 知识的高级开发人员。
• Vue 3 中的新功能：Vue 3 中新功能的汇总，包括对 Composition API 的深入研究和大量实际示例。
• Vue 3 教程（适用于 Vue 2 用户）：涵盖 Vue 3 的许多新内容，包括片段、传送、Composition API 以及其他一些不太明显的变化。
• Vue.js 阿姆斯特丹 2020 大会Composition API 最佳实践演讲
• 你好 Vue 3：初识 Vue 3 和 Composition API ：在Dan Vega的这段视频中，你将提前了解 Vue 3 并获得一些使用它的实践经验。

常见问题

我想学习 Vue。我应该从 Vue 2 还是 Vue 3 开始？

如果您刚开始学习该框架，建议您从 Vue 2 开始。主要原因是 Vue 3 不涉及重大的重新设计，并且您的绝大多数 Vue 2 知识仍然适用于 Vue 3。因此，等待 Vue 3 的正式发布日期是没有意义的。开始学习 Vue 2，一旦 Vue 3 发布，您将处于迎头赶上的正确位置。

Vue 3 发布后 Vue 2.x 会发生什么？

将会有一个次要版本 (2.7)，它将兼容 3.x 的功能反向移植到 2.x。
并提供针对 3.x 更改的弃用警告。这将是 2.x 的最后一个次要版本，并将以 LTS（长期支持）的形式提供 18 个月。即使在 LTS 期限结束后，它仍将继续收到关键安全更新。

我看到了一些对 Vue 3 的批评。我应该担心什么吗？

确实，网络上（主要是 Reddit）曾有过一场激烈的讨论，提出了一些严重的担忧，但这些担忧最终被证明是错误的。其中，开发者声称 Vue 3 的新 Composition API 可能并非纯粹的附加功能，并且 Vue 2 的现有 API 将被弃用。这些谣言让人们担心他们学习 Vue 所花费的所有时间都完全是浪费时间。但同样，这些都不再重要。您可以放心，Composition API 将是纯粹的附加功能，并且现有 API 将继续受到支持。

包起来

就这些了。希望您能从这篇文章中找到宝贵的资源，并清楚地了解 Vue 3 的预期。我们有理由相信，我们很快就会有更多消息发布，因此请务必关注Vue 官方新闻网站以获取最新资讯。

如果您对 Vue 3 有任何疑问，可以在这里加入讨论🦄

更多可能有趣的帖子

• 使用 Svelte 进行构建 - 开始之前你需要知道的一切
• 如何为开发人员撰写病毒式故事
• 如何积累 Web 开发经验？给代码新手的实用技巧
• 10 份实用的 Web 开发简报
• Web 开发人员了解最新科技新闻的 5 种实​​用方法

daily.dev在每个新标签页发布最棒的编程新闻。我们将为您筛选数百个优质资源，助您掌控未来。