使用简便的
Vue 框架

NuxtJS 让你构建你的下一个 Vue.js 应用程序变得更有信心。这是一个 开源 的框架,让 web 开发变得简单而强大。

为什么选择 NuxtJS

模块化

Nuxt 基于一个强大的模块化架构。你可以从 50 多个模块中进行选择,让你的开发变得更快、更简单。对 PWA 的支持、添加谷歌分析到你的网页或生成网站地图,这些功能都无需重新发明轮子来获得。

高性能

Nuxt.js 默认会优化你的应用程序。我们尽可能地利用 Vue.js 和 Node.js 的最佳实践来构建高性能的应用程序。Nuxt 帮你把所有不需要的比特都从你的应用程序中剔除,并且还包含了一组分析器,以便更好地优化你的应用程序。

友好

我们首要关注的是开发者的使用体验。我们喜欢 Nuxt.js 并不断改进这个框架,相信你也会喜欢它的! 💚
Nuxt.js 具备有吸引力的解决方案、描述清晰的错误消息、强大的默认值和详细的文档。如果有问题或遇到困难,我们的社区会帮助你解决。

NuxtJS 渲染

服务器端渲染

这是 Nuxt 最受欢迎的模式。利用 SSR(也叫做 "universal" or "isomorphic" 模式),Node.js 服务器将基于 Vue 的组件渲染成 HTML 并传输到客户端,而不是纯 javascript。与传统的 Vue SPA 相比,使用 SSR 将带来巨大的 SEO 提升、更好的用户体验和更多的机会。

因为由开发者独立实现 SSR 将会非常繁琐,Nuxt.js 对此提供了开箱即用的全面支持,并帮你规避常见的陷阱。

生成静态站点

生成静态站点是现在的一个热门话题(也叫做 JAMStack)。与其换一个框架并花时间去适应它,为什么不一石二鸟呢? (only proverbial 🐦🐦)

Nuxt.js 支持基于 Vue 应用程序生成静态站点。这是“两全其美”的,因为你不要服务器,但是仍能获得 SEO 的好处,这是因为 Nuxt 将预先渲染所有页面,并且包括必要的 HTML。此外,你可以轻松地将生成的页面部署到 Netlify 或 GitHub pages 上。

单页应用程序 (SPA)

不需要 SSR 或生成静态站点,但仍希望从 Nuxt 提供的好处中获益?你是否正在慢慢转换你的应用程序并希望起步阶段是轻量的?那么传统的 SPA 模式更适合你。最终你将获得一个你所熟悉的典型的 Vue SPA,但会受到 Nuxt 配置和框架本身的影响。