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 模板可以有一个标签,即一个根元素。即使我们想要两个
标签作为兄弟标签,我们也必须将它们包含在一个
TypeScript: Vue 在 2.0 后期版本开始支持 TypeScript,并且在 Vue 3 中也继续。 Vue 3 的源代码完全用 TypeScript 编写,因此组合 API 得到了增强的支持。而且,它是可选的。
除了所有这些主要功能之外,Vue 3 还涵盖了许多较小的改进。许多作为第三方库可用的功能现在都包含在 Vue 3 框架的核心中。它包含了许多令人惊叹的新功能。有了所有这些有趣的功能,性能得到了微调,开发者体验变得更简单更好。