Nuxt3 ，Vue3的混合渲染框架

Nuxt 3 ，beta来了

        nuxt3，日前已经进入beta阶段，有兴趣的同学可以了解一下。

        nuxt3，正如官网所描述，使用Vue 3构建您的下一个应用程序，体验混合渲染、强大的数据获取和新功能。Nuxt 3是一个开源框架，使web开发变得简单而强大。GitHub地址

        Nuxt 3 已重新架构，内核更小，并针对更快的性能和更好的开发人员体验进行了优化。

        新特性如下：

1. 相当于75倍小的服务器部署，和更小的客户端包；
2. 基于Nitro的动态代码分离和冷启动；
3. 在任一组件中，渲染前和渲染后过程中，都可以获取数据；
4. 使用Composition API和Nuxt 3的可组合组件来实现真正的代码重用；
5. 零依赖的脚手架，便于模块集成；
6. 在浏览器中，能够快速处理信息以及快速修复；
7. 更快的构建时间，更小的包的体积，并且不需要额外配置；
8. 快如闪电般的HMR，当你用了Vite；
9. Vue3是你下一个应用程序的重要基石；
10. 使用原生的TypeScript和ESM构建，也不需要额外的步骤。

Nitro引擎

        Nuxt开发人员花了9个月的时间来开发Nuxt的新服务引擎，起名为Nitro。经过开发者的不懈努力，Nitro解锁并赋予了Nuxt server全新的全栈（full-stack）能力。

        在开发环境中，它使用了Rollup和Node.js workers对你的服务器代码和上下文进行了隔离。它还通过server/api下的文件和server/middleware下的服务器中间件，来生成你的Api。

        在生产环境中，它会把你的程序和server一起放到.output里，这个.output很轻，它被简化过了，并移除了Node.js的modules(polyfills除外)。你也可以发布这个output到任一支持Javascript的Nodejs、Serverless、Workers、Edge-side rendering或者纯静态的系统当中去。

        output包含了可以运行的代码，在任一环境中运行你Nuxt server（包括实验性的浏览器Service Workers），并且output也会给你静态文件，使它成为一个真正的JAMStack混合框架，此外它也实现了本地存储层，支持多个源，驱动和本地资源。

        Nitro基于Rollup和h3，h3是为高性能和可移植性而构建的最小http框架。

Nuxt Bridge

        Nuxt经过了4年的开发，迁移到Vue3中，这将对未来形成一个坚实的基础。

        为了让Nuxt2平滑升级到Nuxt3中：

• 遗留的插件和modules将会继续工作
• nux2的config将是可兼容的
• 部分页面的Api是可用的

        为了让Nuxt2也拥有Nuxt3的一些新功能，我们移植了一部分过去，比如：

1. 在Nuxt2中使用Nitro服务器
2. 在 Nuxt 2 中使用 Composition API（与 Nuxt 3 相同）
3. 在 Nuxt 2 中使用新的 CLI 和 Devtools
4. 逐步升级到 Nuxt 3
5. 与 Nuxt 2 模块生态系统的兼容性
6. 逐个升级（Nitro、Composition API、Nuxt Kit）

参考网站：https://v3.nuxtjs.org/