Vue 开发实战生态篇 # 21：Nuxt解决了哪些问题？

Posted 2022-09-19 凯小默

说明

【Vue 开发实战】学习笔记。

SPA缺点

• 不利于SEO：可以使用服务端渲染 SSR
• 首屏渲染时间长：可以使用预渲染 Prerendering

预渲染 Prerendering

适用于静态站点

SSR

• 动态渲染
• 配置繁琐

Nuxt

• 静态站点
• 动态渲染
• 简化配置

https://v3.nuxtjs.org/

其实对于静态页面还可以使用一个 Vue 专用的静态页面生成器 Gridsome，算是对 React Gatsby 的一个模仿，通过 GraphQL 获取数据后生成 Prerender 的静态页面，对于纯展示性的项目来说性能、优化以及 SEO 做的都很好。

Gridsome

基于 Vue.js 构建的 Jamstack 框架，Gridsome 让开发人员可以轻松地构建静态生成的网站和应用程序，这些网站和应用程序 天生速度快 🚀