乐趣区

关于前端:Nuxt3-离我们还有多远

本月,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/ 行将开源,或者会是一个不错的新抉择。

退出移动版