本月, Nuxt 发布了 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 版本。
所以当前想要使用 Nuxt 3 快速搭建国际化网站、CMS 等,都是需要做大量的适配工作的。
Server API
服务器端接口中间件,目前还不支持动态路由。参考 ISSUE: https://github.com/nuxt/frame...
Data Fetching
数据抓取内置用的是 https://github.com/unjs/ohmyf... 库,暂时还不支持 AbortController,即无法取消当前 Request 请求。
小结
作者将持续关注 Nuxt 3 开发进度。关注我(Github: https://github.com/willin ),接收最新的相关动态。
Nuxt 团队新的文档系统 https://docus.com/ 即将开源,或许会是一个不错的新选择。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。