Nuxt3学习之旅(一、什么是Nuxt.js)

722 阅读2分钟

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有哪些新特性。

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

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

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

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

  5. Nuxt CLI:全新的零依赖体验,轻松搭建项目和集成模块。

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

  7. Nuxt Kit:全新的基于 Type 和跨版本兼容的模块开发。

  8. Webpack 5:更快的构建速度和更小的构建产物,并且零配置。 

Nuxt3还有很多有趣的东西等着我们去探索,接下来就正式步入Nuxt3的学习之旅吧!