Nuxt3 离我们还有多远

本月， Nuxt.js 发布了 3.0 Beta 版本： https://v3.nuxtjs.org/ 支持了 Vue 3 和一些更多的特性。

首先我们先来比较一下各个版本的区别。

版本比较

特性/版本	Nuxt 2	Nuxt Bridge	Nuxt 3
稳定性	😊 稳定	😌 半稳定	😬 不稳定
性能	🏎 快	✈️ 更快	🚀 最快
Nitro 后端引擎	❌	✅	✅
ESM 支持	🌙 部分	👍 较好	✅
TypeScript	☑️ 可选	🚧 更快	✅
Composition API	⚠️ 已过时	✅	✅
Options API	✅	✅	✅
组件自动 import	✅	✅	✅
**<script setup> **语法	❌	🚧 部分	✅
自动 import	❌	✅	✅
Webpack 版本	4	4	5
Vite	⚠️ 部分	🚧 部分	🚧 实验
Nuxi CLI	❌ 老的	✅ nuxi	✅ nuxi
静态网站	✅	✅	🚧

首先可以看到， Nuxt 3 的性能得到了极大的提高，并且使用了 Webpack 5。 但目前的版本中，静态网站的生成还在建设中，该功能尚不能使用。

除此之外，还有一些问题，需要在使用前考虑到。

生态圈

目前 Nuxt.js 大部分的模块和插件，还未对 Nuxt 3 进行适配，比如 i18n 等。 可以从官方推荐的仓库中查找： https://modules.nuxtjs.org/?q=3.x&orderBy=desc

截至本文发布，仅有两个包是适配了 3.x 版本。

所以当前想要使用 Nuxt 3 快速搭建国际化网站、CMS 等，都是需要做大量的适配工作的。

Server API

服务器端接口中间件，目前还不支持动态路由。参考 ISSUE： https://github.com/nuxt/framework/issues/872

Data Fetching

数据抓取内置用的是 https://github.com/unjs/ohmyfetch 库，暂时还不支持 AbortController，即无法取消当前 Request 请求。

小结

作者将持续关注 Nuxt 3 开发进度。关注我（Github： https://github.com/willin ），接收最新的相关动态。

Nuxt 团队新的文档系统 https://docus.com/ 即将开源，或许会是一个不错的新选择。