关于前端:惊喜One-Piece-Vuejs-30-正式版发布代号海贼王

45次阅读

共计 3083 个字符,预计需要花费 8 分钟才能阅读完成。

Vuejs 3.0 在北京工夫 2020 年 9 月 19 日凌晨,终于公布了 3.0 版本,代号:One Piece

以下为 Vuejs Release 3.0 机器翻译文章,原文 v3.0.0 One Piece)。

Vue 3.0 公布

明天,咱们很荣幸地发表 Vue.js 3.0“One Piece”的正式公布。这个框架的新的次要版本提供了改良的性能、更小的捆绑大小、更好的 TypeScript 集成、用于解决大规模用例的新 API,以及为框架将来的长期迭代奠定了松软的根底。

3.0 版本代表了两年多的开发致力,包含 30+ RFC),2600 多个提交,99 个贡献者 ) 的 628 个 PR),以及外围仓库之外的大量开发和文档工作。在此,咱们要对咱们的团队成员、贡献者的拉取申请、赞助商和支持者的资金反对,以及更宽泛的社区参加咱们的设计探讨并为预公布版本提供反馈示意最深切的感激。Vue 是一个独立的我的项目,是为社区而创立的,也是由社区来维持的,如果没有您的一贯反对,Vue 3.0 是不可能实现的。

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

Vue 从一开始就有一个简略的使命:成为一个任何人都能疾速学会的平易近人的框架。随着咱们用户群的增长,框架的范畴也在不断扩大,以适应一直增长的需要。随着工夫的推移,它演变成了咱们所说的“渐进式框架”:一个能够逐渐学习和采纳的框架,同时随着用户应答越来越多的需要场景而提供继续的反对。
明天,咱们在寰球领有 130 多万用户 *,咱们看到 Vue 被利用于各种不同的场景,从在传统的服务器渲染的页面上增加交互性,到领有数百个组件的残缺的单页利用。Vue 3 将这种灵活性进一步晋升。

分层外部模块

Vue 3.0 外围依然能够通过一个简略的 <script> 标签来应用,但它的内部结构曾经被从新编写成一个解耦模块的汇合。新的架构提供了更好的可维护性,并容许终端用户通过 tree-shaking 缩小多达一半的运行时大小。
这些模块还裸露了底层的 API,解锁了许多高级用例。

  • 编译器反对自定义 AST 转换,用于构建时的自定义 (例如构建时的 i18n)。
  • 外围运行时提供了一级的 API,用于创立针对不同渲染指标 (如原生挪动端)、WebGL) 或终端 )) 的自定义渲染器。默认的 DOM 渲染器也是应用雷同的 API 构建的。
  • @vue/reactivity 模块 ) 导出的函数能够间接拜访 Vue 的反馈性零碎,并且能够作为一个独立的包应用。它能够与其余模板解决方案 (如 lit-html)) 配对应用,甚至在非 UI 场景中应用。

解决规模问题的新 API

在 Vue 3 中,基于对象的 2.x API 根本没有变动。不过,3.0 还引入了 Composition API)——一套新的 API,旨在解决 Vue 在大规模利用中的应用痛点。组成 API 建设在反馈性 API 之上,实现了相似于 React 钩子的逻辑组成和重用,比 2.x 基于对象的 API 更灵便的代码组织模式和更牢靠的类型推理。
Composition API 也能够通过 @vue/composition-api) 插件与 Vue 2.x 一起应用,目前曾经有实用于 Vue 2 和 3 的组成 API 实用库 (如 vueuse)、vue-composable))。

性能改良

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。

试验个性

咱们为单文件组件 (SFC,即 .vue 文件 ) 提出了两个新个性:

  • <script setup>:在 SFC 中应用 Composition API 的语法糖 )
  • <style vars>:单文件组件中状态驱动 CSS 变量 )

这些性能已在 Vue 3.0 中实现并可用,但仅出于收集反馈的目标而提供。在 RFC 合并之前,它们将放弃试验状态。
咱们还实现了一个以后未公开的 <Suspense> 组件,该组件容许在初始渲染或分支开关上期待嵌套的异步依赖项 (异步组件或具备 setup() 的组件 )。咱们正在与 Nuxt.js 团队一起测试和迭代此性能 (Nuxt 3 行将公布)),并且很可能会在 3.1 版中将其固化。

分阶段公布流程

Vue 3.0 的公布标记着该框架的全面就绪。只管某些框架子项目可能仍须要进一步的工作能力达到稳固状态 (特地是 devtools 中的路由器和 Vuex 集成),但咱们认为明天应用 Vue 3 启动新的绿色我的项目是适合的。咱们还激励图书馆作者开始降级您的我的项目以反对 Vue 3。
请查阅 Vue 3 工具库指南 ) 以获取无关所有框架子项目的详细信息。

迁徙和 IE11 反对

因为工夫限度,咱们已推延了迁徙版本 (具备 v2 兼容行为的 v3 版本 + 迁徙正告) 和 IE11 版本,并打算在 2020 年第四季度重点关注它们。因而,打算迁徙现有 v2 应用程序的用户或要求 IE11 反对人员此时应意识到这些限度。

下一步

公布后的短期内,咱们将专一于:

  • 迁徙版本
  • 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 的更多信息,请拜访咱们的新文档网站 )。如果您是现有的 Vue 2.x 用户,请间接转到迁徙指南 )。

  • * 依据 Google 报告的每周 Vue Devtools Chrome 扩大沉闷用户。
  • (另外:Vue 3 官网中文文档仓库) 在这里 )

更多浏览

Vue3+ & Vue-CLI3+ 开发生态圈资讯

该举荐文章列表的最新资讯会第一工夫公布到 Github 上,欢送 Star:
Find the latest breaking √vue3 & vue-cli 3 News

???? 欢送 Star,后续会不断更新。
???????? 最初更新日期:2️⃣0️⃣2️⃣0️⃣/0️⃣9️⃣/1️⃣6️⃣

【2020】≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡————————【2021】

除了独自 Vue3 资讯,欢送查看更多 vue.js 资讯:【【????Vue.js 资讯????】目前 web 前端开发十分火爆的框架;定时更新,欢送 Star 一下。】

转载

此文转载来自 Vuejs 3 Release:One Piece. Vuejs 3.0 正式版公布!代号:海贼王

正文完
 0