Nuxt3 离我们还有多远

willin

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

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

版本比较

特性/版本Nuxt 2Nuxt BridgeNuxt 3
稳定性😊 稳定😌 半稳定😬 不稳定
性能🏎 快✈️ 更快🚀 最快
Nitro 后端引擎
ESM 支持🌙 部分👍 较好
TypeScript☑️ 可选🚧 更快
Composition API⚠️ 已过时
Options API
组件自动 import
<script setup> 语法🚧 部分
自动 import
Webpack 版本445
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/ 即将开源,或许会是一个不错的新选择。

阅读 2.2k

不可替代的团队领袖培养计划
从 leader.js.cool 中选取精华文章发布

You would rather be Happy than Right.

196 声望
11 粉丝
0 条评论

You would rather be Happy than Right.

196 声望
11 粉丝
文章目录
宣传栏