2025/3/13大约 2 分钟
服务端渲染
提示
在默认情况下Vue 的职责是在浏览器中生成和操作DOM。Vue也支持将组件在服务器端直接渲染成HTML 字符串，作为服务端响应返回给浏览器，最后在浏览器端将静态的HTML ‘激活’为能够交互的客户端应用。
优点
- 更快的首屏加载
- 统一的心智模型
- 更好的SEO
首屏加载
这一点在慢网速或者运行缓慢的设备上比较重要，渲染的HTML 无需等待JavaScript的下载和执行，用户是可以更快的看到完整的渲染页面。除此之外，获取数据的首次访问也在服务端完成，这样就会有更快 的数据反应
心智模型
你可以使用相同的语言以及相同的声明式、面相组件的心智模型来开发整个应用，而不需要在后端模版系统和前端框架之间来回切换。
SEO
搜索爬虫可以直接看到完全渲染的页面
缺点
- 开发存在限制
- Node环境
- 服务端负载
开发限制
浏览器特定的代码只能在某些生命周期钩子中使用，一些外部库可能需要特殊处理凯能在服务端渲染的应用中运行
Node 环境
更多的与构件配置和部署相关的要求。服务端渲染的应用需要一个能让Node.js 服务器运行的环境，不像完全静态的SPA那样可以直接部署在任意的静态文件服务器上。
服务端负载
在Node.JS 中渲染一个完整的应用要比仅仅托管静态文件更加占用CPU资源