Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Nuxt 3 来了! #93

Closed
sl1673495 opened this issue Sep 29, 2021 · 0 comments
Closed

Nuxt 3 来了! #93

sl1673495 opened this issue Sep 29, 2021 · 0 comments

Comments

@sl1673495
Copy link
Owner

先放个彩蛋,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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant