Nuxt3刚刚问世不久,目前还处于beta阶段,虽然暂时还无法在生产上使用,但是也不会太远了。所以,开始卷吧!
在学习Nuxt3之前,先来看看Nuxt.js是干什么的。
-
Nuxt.js 是一个基于 Vue.js 的通用应用框架。
-
通过对客户端/服务端基础架构的抽象组织,Nuxt.js 主要关注的是应用的 UI 渲染。
-
Nuxt.js 的目标是创建一个灵活的应用框架,你可以基于它初始化新项目的基础结构代码,或者在已有 Node.js 项目中使用 Nuxt.js。
-
Nuxt.js 为 客户端/服务端 这种典型的应用架构模式提供了许多有用的特性,例如异步数据加载、中间件支持、布局支持等。
随着Vue3的发布,Nuxt.js也紧跟其步伐,在最近发布了Nuxt3的beta版本,先看看它相较于Nuxt2有哪些新特性。
-
更轻量:以现代浏览器为目标的情况下,服务器部署和客户端产物最多可达 75倍的减小。
-
更快:用动态服务端代码分割来优化冷启动,由 nitro 提供能力。
-
Hybrid:增量静态生成和其他高级模式现在都成为可能。
-
Composition API:使用 Composition API 和 Nuxt 3 的 composables 实现真正的可复用性。
-
Nuxt CLI:全新的零依赖体验,轻松搭建项目和集成模块。
-
Nuxt Devtools:更多的信息和快速修复,在浏览器中高效工作。
-
Nuxt Kit:全新的基于 Type 和跨版本兼容的模块开发。
-
Webpack 5:更快的构建速度和更小的构建产物,并且零配置。
Nuxt3还有很多有趣的东西等着我们去探索,接下来就正式步入Nuxt3的学习之旅吧!