vue3安装_Vue 3.0正式发布了！

点击上方“前端极客技术”，轻松关注

Vue团队于2020年9月18日晚发布了Vue 3.0 正式版本，代号：One Piece(海贼王)

官方Release Doc地址如下：

https://github.com/vuejs/vue-next/releases/tag/v3.0.0

接下来我参考官方 Release来看看Vue 3.0都有哪些主要更新。

本次主版本更新包含性能的改进，更小的 bundle 体积，对 TypeScript 更好的支持，用于处理大规模用例的全新 API，以及为框架未来的长期迭代奠定了夯实的基础。

进一步推进“渐进式框架”概念

Vue 从一开始就有一个简单的使命：成为一个任何人都能快速学会的平易近人的框架。随着我们用户群的增长，框架的范围也在不断扩大，以适应不断增长的需求。随着时间的推移，它演变成了我们所说的“渐进式框架”：一个可以逐步学习和采用的框架，同时随着用户应对越来越多的需求场景而提供持续的支持。

分层内部模块

Vue 3.0 核心仍然可以通过一个简单的标签来使用，但它的内部结构已经被重新编写成一个解耦模块的集合。新的架构提供了更好的可维护性，并允许终端用户通过 tree-shaking 减少多达一半的运行时大小。

解决规模问题的新API

在 Vue 3 中，基于对象的 2.x API 基本没有变化。不过，3.0 还引入了 Composition API——一套新的 API，旨在解决 Vue 在大规模应用中的使用痛点。组成 API 建立在反应性 API 之上，实现了类似于 React 钩子的逻辑组成和重用，比 2.x 基于对象的 API 更灵活的代码组织模式和更可靠的类型推理。

性能改进

Vue 3 与 Vue 2 相比，在捆绑大小 (tree-shaking 时减少了 41%)、初始渲染 (快了 55%)、更新 (快了 133%) 和内存使用 (少了 54%) 方面都有显著的性能提升。

在 Vue 3 中，我们采取了“compiler-informed 虚拟 DOM”的方法：模板编译器执行积极的优化，并生成渲染函数代码，以提升静态内容，为绑定类型留下运行时提示，最重要的是，扁平化模板内的动态节点，以减少运行时遍历的成本。因此，用户可以获得两全其美的效果：从模板中获得编译器优化的性能，或者在用例需要时通过手动渲染函数直接控制。

改进的TypeScript集成

Vue 3 的代码库是用 TypeScript 编写的，具有自动生成，测试和捆绑的类型定义，因此它们始终是最新的。Composition API 可以很好地处理类型推断。Vetur 是我们的官方 VSCode 扩展，现在利用 Vue 3 改进的内部键入功能支持模板表达式和 props 类型检查。哦，如果您愿意，Vue 3 的打字完全支持 TSX。

Vue团队下一步计划

发布后的短期内，将专注于：

迁移版本
IE11 支持
新 devtools 中的 Router 和 Vuex 集成
Vetur 中模板类型推断的进一步改进

目前，面向 Vue 3 和 v3 的项目的文档网站，GitHub 分支和 npm dist 标签将保持在下一个状态。这意味着 npm install vue 仍将安装 Vue 2.x，npm install vue@next 将安装 Vue 3。我们计划在 2020 年底之前将所有文档链接，分支和 dist 标签切换为默认值 3.0。

同时，我们已经开始计划 2.7，这将是 2.x 发行版的最后一个计划的次要发行版。2.7 将向后移植来自 v3 的兼容改进，并发出有关 v3 中已删除/更改的 API 使用情况的警告，以帮助潜在的迁移。我们计划在 2021 年第一季度开发 2.7，它将在发布后直接变为 LTS，预计有 18 个月的维护时长。

新文档地址

是不是迫不及待想学习和使用Vue 3.0了，下面放上相关的中文文档链接：

新的文档官网：

https://v3.cn.vuejs.org/

Vue 2.x用户迁移指南：

https://v3.cn.vuejs.org/guide/migration/introduction.html

Composition API

https://v3.cn.vuejs.org/guide/composition-api-introduction.html

最后放上Vue3.0正式全球发布会视频链接：

https://www.bilibili.com/video/BV1iA411J7cA/

Vue 3.0已经正式发布了，赶紧学起来用起来吧！

分享、点赞、“在看”，一键三连是对作者最大的支持！