Nuxt 3 来了!

简介: NuxtJS 让你构建你的下一个 Vue.js 应用程序变得更有信心。这是一个开源的框架,让 Web 开发变得简单而强大。Nuxt 3.0 来了,让我们一起来看看它有哪些让人激动的新特性!

先放个彩蛋,Nuxt3 官网鼠标互动的有趣小交互(https://nuxtjs.org/v3):

NuxtJS 让你构建你的下一个 Vue.js 应用程序变得更有信心。这是一个开源的框架,让 Web 开发变得简单而强大。Nuxt 3.0 来了,让我们一起来看看它有哪些让人激动的新特性!


新特性!


Nuxt 3 的重构精简了内核,并且让速度更快,开发体验更好。

更轻量

以现代浏览器为目标的情况下,服务器部署和客户端产物最多可达 75 倍的减小。

更快

用动态服务端代码分割来优化冷启动,由 nitro 提供能力。

Hybrid

增量静态生成和其他高级模式现在都成为可能。

Suspense

导航前后皆任何组件中获取数据。

Composition API

使用 Composition API 和 Nuxt 3 的 composables 实现真正的可复用性。

Nuxt CLI

全新的零依赖体验,助您轻松搭建项目和集成模块。

Nuxt Devtools

更多的信息和快速修复,在浏览器中高效工作。

Nuxt Kit

全新的基于 TypeScript 和跨版本兼容的模块开发。

Webpack 5

更快的构建速度和更小的构建产物,并且零配置。

Vite

用 Vite 作为你的打包器,体验轻量级的快速 HMR。

Vue3

Vue3 会成为您下一个应用的坚实基础。

TypeScript

由原生 TypeScript 和 ESM 构成 —— 没有额外的步骤。


Nitro 引擎


我们在 Nuxt 的新服务端引擎 Nitro 上工作了整整 9 个月。它解锁了 Nuxt 服务端等方面新的全栈能力

在开发中,它使用 rollup 和 Node.js workers 来为服务端代码和上下文隔离服务。并且通过读取 server/api/ 目录下的文件和 server/functions 目录下的服务端函数来生成你的服务端 API

在生产中,它将您的 app 和服务端代码构建到独立的 .output 目录中。这份输出是很轻量的:代码是压缩的,并且移除了所有 Node.js 模块。你可以在任何支持 JavaScript 的系统下部署这份产物,Node.js、Severless、Workers、边缘渲染(Edge Side Rendering)或纯静态部署。

这份产物包含了运行时代码,来支持在任意环境下运行 Nuxt 服务端(包括实验性的浏览器 Service Workers!)的,并且启动静态文件服务,这使得它成为了一个符合 JAMStack 架构的真正的 hybrid 框架。另外还实现了一个原生存储层,支持多个源、驱动和本地资源。

Nitro 的基础是 rollup 和 h3:一个为高性能和可移植性而生的最小 http 框架。


Nuxt 桥梁


经过四年的开发,我们迁移到 Vue3,重写了 Nuxt,使它有了更坚实的基础,为未来的更多新特性做好准备。


流畅的升级到 Nuxt3


我们致力于在让用户更加轻松的从 Nuxt2 升级到 Nuxt3。

  • 遗留的插件和模块将保持工作
  • Nuxt2 配置是兼容的
  • 部分 pages options API 可用

将 Nuxt 3 的体验带到现有的 Nuxt2 项目中


当我们在开发 Nuxt 3 的新特性的同时,也将其中的一些特性移植到了 Nuxt 2 中。

  • 在 Nuxt2 中启用 Nitro
  • 在 Nuxt2 中使用 Composition API(和 Nuxt3 一样)
  • 在 Nuxt2 中使用新的 CLI 和 Devtools
  • 渐进式升级到 Nuxt3
  • 兼容 Nuxt2 的模块生态系统
  • 一片片的升级(Nitro、Composition API、Nuxt Kit)

感谢您的耐心,我们已经迫不及待的发布它,并且得到您的反馈 —— Nuxt 团队


官网原文地址


https://nuxtjs.org/v3

相关文章
|
JavaScript 中间件 API
nuxt3:我们开始吧-开发-配置-部署(一)
nuxt3:我们开始吧-开发-配置-部署(一)
1625 0
|
3月前
|
自然语言处理 PyTorch 算法框架/工具
大模型太慢?别急着上 GPU 堆钱:Python + ONNX Runtime 优化推理性能实战指南
大模型太慢?别急着上 GPU 堆钱:Python + ONNX Runtime 优化推理性能实战指南
756 10
大模型太慢?别急着上 GPU 堆钱:Python + ONNX Runtime 优化推理性能实战指南
|
3月前
|
人工智能 安全 API
AI Agent 从“花钱工具”到“赚钱助手”:OpenClaw阿里云/本地部署+API配置+集成交易变现Skill解析及避坑指南
OpenClaw(开发者昵称“小龙虾”)作为现象级开源AI智能体框架,凭借“自然语言驱动任务执行”的核心能力,成为2026年最热门的工具之一。但用户普遍面临一个痛点:模型调用、技能使用的Token消耗过高,长期使用成本不菲。而MoltsPay支付工具的出现,彻底改变了这一现状——它为OpenClaw赋予了支付与交易能力,让AI Agent不仅能“替你干活”,还能“为你赚钱”,通过承接其他Agent的任务订单获取收益,实现自我“造血”。
745 2
|
缓存 资源调度 前端开发
微前端-qiankun:vue3-vite 接入 vue3、nuxt3、vue2、nuxt2等子应用
微前端-qiankun:vue3-vite 接入 vue3、nuxt3、vue2、nuxt2等子应用
2992 0
|
6月前
|
人工智能 运维 监控
FinOps for AI 概述
本文探讨生成式AI带来的新型成本挑战,如cost-per-token计费、GPU资源稀缺与波动定价。提出通过FinOps实践实现AI支出管控:建立成本基线、优化资源分配、实施配额与标记、加强跨团队协作,并将财务监控与业务成果对齐,推动AI成本管理从“爬”到“跑”的渐进式成熟。
|
数据采集 机器学习/深度学习 数据挖掘
清洗数据的魔法:让你的数据干净又整洁
清洗数据的魔法:让你的数据干净又整洁
1123 2
|
监控 JavaScript Serverless
函数计算产品使用问题之如何手动上传Nuxt3打包的代码到阿里云函数计算(FC)进行部署
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
532 1
|
机器学习/深度学习 人工智能 算法
AI在医疗:深度学习在医学影像诊断中的最新进展
【10月更文挑战第27天】本文探讨了深度学习技术在医学影像诊断中的最新进展,特别是在卷积神经网络(CNN)的应用。文章介绍了深度学习在识别肿瘤、病变等方面的优势,并提供了一个简单的Python代码示例,展示如何准备医学影像数据集。同时强调了数据隐私和伦理的重要性,展望了AI在医疗领域的未来前景。
730 2
|
开发框架 缓存 前端开发
electron-builder 解析:你了解其背后的构建原理吗?
本文首发于微信公众号“前端徐徐”,详细解析了 electron-builder 的工作原理。electron-builder 是一个专为整合前端项目与 Electron 应用的打包工具,负责管理依赖、生成配置文件及多平台构建。文章介绍了前端项目的构建流程、配置信息收集、依赖处理、asar 打包、附加资源准备、Electron 打包、代码签名、资源压缩、卸载程序生成、安装程序生成及最终安装包输出等环节。通过剖析 electron-builder 的原理,帮助开发者更好地理解和掌握跨端桌面应用的构建流程。
1594 2
|
存储 搜索推荐 分布式数据库
用户画像标签系统体系解释
用户画像标签系统体系解释
987 1

热门文章

最新文章