探究NuxtJS

211 阅读2分钟

(我是忠实vue粉)

2016 年 10 月 25 日,zeit.co 背后的团队对外发布了 Next.js,一个 React 的服务端渲染应用框架。几小时后,与 Next.js 异曲同工,一个基于 Vue.js 的服务端渲染应用框架应运而生,我们称之为:Nuxt.js

NuxtJS是基于vue的框架

提供的三种渲染方式

  • 服务器端渲染

与传统的 Vue SPA 相比,使用 SSR 将带来巨大的 SEO 提升、更好的用户体验和更多的机会。

  • 生成静态站点

不要服务器,但是仍能获得 SEO 的好处,这是因为 Nuxt 将预先渲染所有页面,并且包括必要的 HTML。此外,你可以轻松地将生成的页面部署到 Netlify 或 GitHub pages 上。大大节省服务器的资源

  • 单页应用程序 (SPA)

正在慢慢转换你的应用程序并希望起步阶段是轻量的。一个不错的开始哦。

不可抵挡的优点

  • 模块化

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

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

    我们喜欢 Nuxt.js 并不断改进这个框架,相信你也会喜欢它的! 💚 (我很喜欢这句话) Nuxt.js 具备有吸引力的解决 还提供了一种命令叫:nuxt generate ,为基于 Vue.js 的应用提供生成对应的静态站点的功能。

我们相信这个命令所提供的功能,是向开发集成各种微服务(Microservices)的 Web 应用迈开的新一步方案、描述清晰的错误消息、强大的默认值和详细的文档。如果有问题或遇到困难,我们的社区会帮助你解决。

一些点

  • Nuxt.js 主要关注的是应用的 UI 渲染
  • 目标是创建一个灵活的应用框架,你可以基于它初始化新项目的基础结构代码,或者在已有 Node.js 项目中使用 Nuxt.js
  • 还提供了一种命令叫:nuxt generate ,为基于 Vue.js 的应用提供生成对应的静态站点的功能。我们相信这个命令所提供的功能,是向开发集成各种微服务(Microservices)的 Web 应用迈开的新一步。
  • Nuxt.js 为 客户端/服务端 这种典型的应用架构模式提供了许多有用的特性,例如异步数据加载、中间件支持、布局支持等