nuxt解决首屏加载慢问题_Nuxt.js超过Vue.js：你什么时候应该使用它，为什么

Nuxt.js是一个建立在Vue.js上的前端框架，它提供了很好的开发特性，比如服务器端渲染、自动生成路由、改进的元标签管理和SEO改进。

Nuxt.js

我们的前端团队并没有真正考虑在客户端使用 Nuxt.js 作为主要技术，直到最近我们收到了一个独特项目的请求，该项目有许多非常具体的特性。因为这也是我们团队中的几个成员第一次使用Nuxt.js，所以我决定写这个博客来解释它对我们的工作方式。

为什么在Vue上使用Nuxt.js？

Nuxt.js为前端开发人员提供了许多好处，但是有一项关键功能使我们最终决定使用此框架——SEO改进。我们的应用程序需要此功能，因为它不是典型的内部SPA(单页应用程序)。这是一个包含社交共享功能和管理功能的公共网络应用程序。

说到社交共享，Nuxt.js有很好的元标签管理，所以我们可以根据后端接收的数据轻松地创建特定的、可定制的社交共享窗口。

那么，SEO改进如何工作？

为了改善SEO，Nuxt.js使用SSR(服务器端渲染)。SSR在获取AJAX数据后将Vue.js组件渲染为服务器(Node.js)上的HTML字符串。完成所有异步逻辑后，它将它们直接发送到浏览器，然后最终将静态标记提供给客户端上的完全交互式应用程序。此功能允许使用Google SEO解析器很好地解析DOM元素。 SEO解析器在加载网站DOM时立即以巨大的速度解析DOM元素。

另一方面，典型的SPA应用程序是用Vue这样的框架构建的