Vue 服务端渲染

Vue 服务端渲染

1、Vue 服务端渲染

渲染简单的理解就是将 数据 与 模板 拼接到一起

2、传统的服务端渲染

在早期的 WEB 页面渲染都是在服务端进行的，也就是在服务端已经将数据和模板构建好，生成 html ，返回给客户端。所以客户端呈现就是包含具体数据内容的页面。
这种方式，有如下的不足：

• 前后端代码完全耦合在一起，不利于开发和维护
• 前端没有足够发挥空间（不利于前后端分离开发）
• 服务端压力大
• 用户体验一般（查看不同的页面，需要刷新浏览器）

2、客户端渲染

随着客户端 AJAX 技术的普及，服务端渲染存在的一些问题得到了有效的解决。
Ajax 使得客户端动态获取数据成为可能，也就是在服务端的渲染的工作，现在可以在客户端完成。这样带来的好处就是前后端代码完全分离，服务端提供接口，客户端访问接口获取数据，而且有利于前后端开发人员协同开发，提高开发效率。同时由于可以在客户端渲染，从而减轻了服务端的压力。而且也提高了用户体验，进行页面的切换的时候，不会刷新浏览器。
存在的问题: 首屏渲染慢 以及 不利于SEO

为什么客户端渲染首屏渲染慢

首屏࿰