服务端渲染(SSR)指在服务器端把 Vue 组件预渲染为完整的 HTML 字符串再发送给浏览器,浏览器可直接显示内容,无需等待客户端 JavaScript 执行完毕。这能显著改善首屏加载速度和搜索引擎可抓取性。
Vue 核心库支持 SSR,但完整的 SSR 能力通常借助元框架实现。Nuxt 是基于 Vue 的元框架,内置 SSR、静态站点生成(SSG)、文件路由、服务端数据获取等能力,是 Vue 生态中实现 SSR 的主流方案。开发者在 Nuxt 中编写标准 Vue 组件,即可获得服务端渲染能力。
SSR 页面发送到浏览器后,Vue 会在客户端执行"激活"(hydration)过程,把静态 HTML 转换为可交互的应用。激活过程中,Vue 复用服务端生成的 DOM 结构并绑定事件监听,使页面从静态内容变为可响应用户操作的动态界面。