首页 / 文章

Nuxt 3 来了!

Sep 29, 2021

先放个彩蛋,Nuxt3 官网有趣的小交互:

NuxtJS 让你构建你的下一个 Vue.js 应用程序变得更有信心。这是一个开源的框架,让 Web 开发变得简单而强大。Nuxt 3.0 来了,让我们一起来看看它有哪些让人激动的新特性!

新特性!

Nuxt 3 的重构精简了内核,并且让速度更快,开发体验更好。

更轻量

以现代浏览器为目标的情况下,服务器部署和客户端产物最多可达 75 倍的减小。

更快

用动态服务端代码分割来优化冷启动,由 nitro 提供能力。

Hybrid

增量静态生成和其他高级模式现在都成为可能。

Suspense

导航前后皆任何组件中获取数据。

Composition API

使用 Composition API 和 Nuxt 3 的 composables 实现真正的可复用性。

Nuxt CLI

全新的零依赖体验,助您轻松搭建项目和集成模块。

Nuxt Devtools

更多的信息和快速修复,在浏览器中高效工作。

Nuxt Kit

全新的基于 TypeScript 和跨版本兼容的模块开发。

Webpack 5

更快的构建速度和更小的构建产物,并且零配置。

Vite

用 Vite 作为你的打包器,体验轻量级的快速 HMR。

Vue3

Vue3 会成为您下一个应用的坚实基础。

TypeScript

由原生 TypeScript 和 ESM 构成 —— 没有额外的步骤。

Nitro 引擎

我们在 Nuxt 的新服务端引擎 Nitro 上工作了整整 9 个月。它解锁了 Nuxt 服务端等方面新的全栈能力

在开发中,它使用 rollup 和 Node.js workers 来为服务端代码和上下文隔离服务。并且通过读取 server/api/ 目录下的文件和 server/functions 目录下的服务端函数来生成你的服务端 API

在生产中,它将您的 app 和服务端代码构建到独立的 .output 目录中。这份输出是很轻量的: 代码是压缩的,并且移除了所有 Node.js 模块。你可以在任何支持 JavaScript 的系统下部署这份产物,Node.js、Severless、Workers、边缘渲染(Edge Side Rendering)或纯静态部署。

这份产物包含了运行时代码,来支持在任意环境下运行 Nuxt 服务端(包括实验性的浏览器 Service Workers!)的,并且启动静态文件服务,这使得它成为了一个符合 JAMStack 架构的真正的 hybrid 框架。另外还实现了一个原生存储层,支持多个源、驱动和本地资源。

Nitro 的基础是 rollup 和 h3:一个为高性能和可移植性而生的最小 http 框架。

Nuxt 桥梁

经过四年的开发,我们迁移到 Vue3,重写了 Nuxt,使它有了更坚实的基础,为未来的更多新特性做好准备。

流畅的升级到 Nuxt3

我们致力于在让用户更加轻松的从 Nuxt2 升级到 Nuxt3。

  • 遗留的插件和模块将保持工作
  • Nuxt2 配置是兼容的
  • 部分 pages options API 可用

将 Nuxt 3 的体验带到现有的 Nuxt2 项目中

当我们在开发 Nuxt 3 的新特性的同时,也将其中的一些特性移植到了 Nuxt 2 中。

  • 在 Nuxt2 中启用 Nitro
  • 在 Nuxt2 中使用 Composition API(和 Nuxt3 一样)
  • 在 Nuxt2 中使用新的 CLI 和 Devtools
  • 渐进式升级到 Nuxt3
  • 兼容 Nuxt2 的模块生态系统
  • 一片片的升级(Nitro、Composition API、Nuxt Kit)

感谢您的耐心,我们已经迫不及待的发布它,并且得到您的反馈 —— Nuxt 团队

演讲

Vue 北京的活动来跟大家见面啦~ 这次我们邀请了 Nuxtlab 的创始人之一 Sebastien Chopin 来分享 Nuxt3 之旅。对 Nuxt3 期待已久的同学一定要来听哟。 9月26号本周日下午4点50,我们不见不散!

📅 时间: 9月26日下午这周日 16:50 ~ 18:30

🏠地点:B站直播间:http://live.bilibili.com/22948040

视频号:VueBeijing

💵 票价:0元:任何人都可以免费参加 10元:如果您认为我们的活动是有意义的,可以赞助我们10元,用于以后举办更多优质的技术分享活动。

📖 语言: 英语带AI识别中文字幕

🤝 媒体伙伴: ⚡️ 掘金

👇 立即报名 http://hdxu.cn/D9oun

image.png

官网原文地址

https://nuxtjs.org/v3


>
CC BY-NC-SA 4.0 2021-PRESENT © ssh