📜  Vue 3 有什么新功能?

📅  最后修改于: 2022-05-13 01:56:28.995000             🧑  作者: Mango

Vue 3 有什么新功能?

Vue 是一个用于构建 UI 和单页应用程序的渐进式 Javascript 框架。它是一个开源模型-视图-视图模型 (MVVM)框架。核心框架主要集中在视图层,它可以很容易地与其他库和项目集成。使用现代工具和支持库,可以轻松处理单页应用程序 (SPA)。

Vue 3:作为 JavaScript 开发人员,Vue 3 将成为现代 Web 开发领域的一个里程碑。 Vue.js 3.0 于 7 月 22 日作为候选版本发布,并带来了许多令人兴奋的新功能。 API 和实现现在很稳定。很快它将正式发布。

Vue 3 是 更小、更快、更易于维护,配备更好的 TypeScript 支持,并且更容易定位原生。

特性: Vue 3 的一些新特性使其更方便使用:

• 性能提升

• 组合 API

• 门户网站

• 多 - 根组件

• 打字稿

性能增强:

  • 较小: Vue 3 更小。它对摇树友好,这意味着它只允许导入需要的库片段,并删除不必要的代码。核心运行时已减少到 ~12kb,gzip 压缩。
  • 更快: Vue 3 更快。虚拟 DOM(文档对象模型)已使用新的 Diffing 算法从头开始重写,以实现更快的安装、修补和更快的渲染时间。

Composition API:它是 Vue 3 中最伟大的特性之一。Composition API 在 Vue2 中作为插件提供,但它将在 Vue 3 中内置。目前,我们使用 Options API 构建组件,它可以制作大型组件难以维护和管理。

根据 Vue 核心团队的说法,Composition API 是一组附加的、基于函数的 API,允许灵活组合组件逻辑 。它允许更好地组织和重用代码。

Portal: Teleport 或 Portal 是一项新功能,它允许我们将部分代码从一个组件渲染到不同 DOM 树中的另一个组件。它是已经在 React 中(本地)实现的功能之一。使用门户,我们可以轻松地处理出现在页面顶部的模式、弹出窗口和组件。我们可以从 z-index 的讨厌使用中解脱出来,我们使用它来避免 CSS 覆盖主机组件。

门户功能在 Vue 2 中作为第三方库存在,但现在它将作为内置功能,可以通过使用标签 来使用

多根组件:就目前而言,Vue 模板可以有一个标签,即一个根元素。即使我们想要两个

标签作为兄弟标签,我们也必须将它们包含在一个

标签中。但是,在 Vue 3 中,这个限制被取消了,并且不需要使用根元素。我们现在可以在