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/ 即将开源,或许会是一个不错的新选择。
不可替代的团队领袖培养计划
从 leader.js.cool 中选取精华文章发布
推荐阅读
remote-cloudflare-kv 在 Vercel 上使用 Cloudflare KV
最近我在做 Next.js 项目部署 Cloudflare Pages 时发现本地开发调试、登录鉴权等好多问题,所以又想要切回到 Vercel 中,便有了这么一个项目,可以在 Cloudflare 以外的环境上得到类似于 Worker Runtime 的 KV 使...
willin阅读 290
ESlint + Stylelint + VSCode自动格式化代码(2023)
安装插件 ESLint,然后 File -> Preference-> Settings(如果装了中文插件包应该是 文件 -> 选项 -> 设置),搜索 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分优点:...
chinawzc赞 22阅读 39.8k评论 17
涨姿势了,有意思的气泡 Loading 效果
今日,群友提问,如何实现这么一个 Loading 效果:这个确实有点意思,但是这是 CSS 能够完成的?没错,这个效果中的核心气泡效果,其实借助 CSS 中的滤镜,能够比较轻松的实现,就是所需的元素可能多点。参考我们...
chokcoco赞 22阅读 2.2k评论 3
你可能不需要JS!CSS实现一个计时器
CSS现在可不仅仅只是改一个颜色这么简单,还可以做很多交互,比如做一个功能齐全的计时器?样式上并不复杂,主要是几个交互的地方数字时钟的变化开始、暂停操作重置操作如何仅使用 CSS 来实现这样的功能呢?一起...
XboxYan赞 23阅读 1.6k评论 1
在前端使用 JS 进行分类汇总
最近遇到一些同学在问 JS 中进行数据统计的问题。虽然数据统计一般会在数据库中进行,但是后端遇到需要使用程序来进行统计的情况也非常多。.NET 就为了对内存数据和数据库数据进行统一地数据处理,发明了 LINQ (L...
边城赞 17阅读 2k
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。