(我是忠实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 为
客户端/服务端这种典型的应用架构模式提供了许多有用的特性,例如异步数据加载、中间件支持、布局支持等