Nuxt3 离我们还有多远

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


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

欢迎在各平台 Follow 我。

212 声望
12 粉丝
0 条评论
推荐阅读
remote-cloudflare-kv 在 Vercel 上使用 Cloudflare KV
最近我在做 Next.js 项目部署 Cloudflare Pages 时发现本地开发调试、登录鉴权等好多问题,所以又想要切回到 Vercel 中,便有了这么一个项目,可以在 Cloudflare 以外的环境上得到类似于 Worker Runtime 的 KV 使...

willin阅读 290

ESlint + Stylelint + VSCode自动格式化代码(2023)
安装插件 ESLint,然后 File -&gt; Preference-&gt; Settings(如果装了中文插件包应该是 文件 -&gt; 选项 -&gt; 设置),搜索 eslint,点击 Edit in setting.json

谭光志34阅读 20.7k评论 9

安全地在前后端之间传输数据 - 「3」真的安全吗?
在「2」注册和登录示例中,我们通过非对称加密算法实现了浏览器和 Web 服务器之间的安全传输。看起来一切都很美好,但是危险就在哪里,有些人发现了,有些人嗅到了,更多人却浑然不知。就像是给门上了把好锁,还...

边城31阅读 7.3k评论 5

封面图
vue UI框架比较
最好基于vue2.0PC端:因为用过的是饿了么UI,所以比较以饿了么UI为基础element UI 饿了么UI支持vue2.x80分优点:组件的API方法、属性等封装的较为完善缺点:样式有些生硬,不够炫酷美观N3 N3支持vue2.x70分优点:...

chinawzc22阅读 39.8k评论 17

涨姿势了,有意思的气泡 Loading 效果
今日,群友提问,如何实现这么一个 Loading 效果:这个确实有点意思,但是这是 CSS 能够完成的?没错,这个效果中的核心气泡效果,其实借助 CSS 中的滤镜,能够比较轻松的实现,就是所需的元素可能多点。参考我们...

chokcoco22阅读 2.2k评论 3

你可能不需要JS!CSS实现一个计时器
CSS现在可不仅仅只是改一个颜色这么简单,还可以做很多交互,比如做一个功能齐全的计时器?样式上并不复杂,主要是几个交互的地方数字时钟的变化开始、暂停操作重置操作如何仅使用 CSS 来实现这样的功能呢?一起...

XboxYan23阅读 1.6k评论 1

封面图
在前端使用 JS 进行分类汇总
最近遇到一些同学在问 JS 中进行数据统计的问题。虽然数据统计一般会在数据库中进行,但是后端遇到需要使用程序来进行统计的情况也非常多。.NET 就为了对内存数据和数据库数据进行统一地数据处理,发明了 LINQ (L...

边城17阅读 2k

封面图

欢迎在各平台 Follow 我。

212 声望
12 粉丝
宣传栏