时间真快，现在已经是这个系列教程的下半部 Vue 第 12 篇了，昨天我也简单思考了下，可能明天再来一篇，Vue 就基本告一段落了，因为什么呢，这里给大家说个题外话，当时写博文的时候，只是想给大家增加点儿学习的动力，每天提醒下，完全没有提纲或者安排说明什么的，就是按照我自己学的方向走，正好发现了一个规律就是：每一个系列正好是 1 个引子 + 12 篇正文，不知道大家对这个有没有感觉，大家可能看到我的头像就知道了，哈哈，其实我是一个红迷，正好这里机缘巧合，两个系列都形成了这样的，我自私的给自己画了一个规划，正好是一组判词——十二钗正册，副册，又副册等等（说明：这是我自己的一厢情愿哈，大家如果有红迷爱好者，请不要喷我 [苦笑] ），按照计划，应该会写 9 部，除了引子，正好是 108 篇，哈哈以后的再说吧。这里自己昨天瞎想了一通，如果有红迷爱好者也可以找我哟，加群（867095512）或者个人QQ（3143422472）都行。
因为 Vue 这个系列还是很多的要说的，不过基本的咱们都说了，大家可以再通过传送门看看《Vue 学习12篇》，今天呢，咱们就说说一个老生常谈的问题，就是如何实现 Vue 的 SSR 服务端渲染，大家如果是第一次接触到，可能还比较陌生，不要慌，本文就给大家通过 Nuxt.js 框架，来讲解这个问题，然后为了以后实现咱们的第二个项目，大致会是这个样子（注意页面的源代码已经有内容了）：
注意：今天仅仅给大家说明 SSR 服务器渲染，具体的代码，在咱们的第二个博客项目中会说到，因为这个框架一两篇是说不完的。
零、今天要完成蓝色区块部分
一、Vue 的 SSR 到底是个什么？
来自官方的解释：
Vue.js 是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出 Vue 组件，进行生成 DOM 和操作 DOM。然而，也可以将同一个组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将这些静态标记"激活"为客户端上完全可交互的应用程序。
服务器渲染的 Vue.js 应用程序也可以被认为是"同构"或"通用"，因为应用程序的大部分代码都可以在服务器和客户端上运行。
我的个人理解就是：
1、目前Vue的模式是：
在生成页面的工作中，我们现在是把组件放在浏览器里，然后把 Data 填充到组件中生成 DOM，这也是一般的异步操作的动作，咱们平时一定是这么操作的，先在页面写上 DIV，然后用 Jquery 获取数据，把数据填充到 DIV 里
2、SSR的模式呢，转变成了现在服务器中 Data 先把组件先渲染成 Html 字符串，当成静态资源，就像 css 字符串那样，再抛到前台页面。
这第二种就是 SSR 服务端渲染，大家应该发现了这个和普通的区别——就是渲染html片段的控制权转向了服务端，那为什么要这么做呢？请往下看。
二、为什么要 SSR 服务端渲染？ 1、首先咱们需要说说搜索引擎 —— SEO
咱们打开任何搜索引擎，无论是谷歌，还是百度，亦或者搜狗等等，都能看到各种各样的信息，文字，图片，视频，不知道大家是如何看待这个过程的，以前天真的我以为是各种各样的人，把自己的内容或者文档提交给百度的服务器，然后我们从百度的服务器去读取，搜索，嗯，这个源自于我上高中的时候，搜索各种百度文库的臆想，这个属于我认识的搜索 1.0 。
后来我工作了，第一次开始写 Web ，那个时候经理让写 TDK（Title + Description + Key），当时很好奇为什么要这么说，经理说，是为了 SEO ，额好吧，虽然不是很明白，大概懂了——设置好页面的 TDK 以后，那个搜索引擎就能找到我们的关键字，然后我们就可以在搜索引擎中搜到我们的网站了，嗯~听起来不错，这个时候，我凌乱了，不是说我们必须存进百度的数据库，我们才能搜索到么，太神奇了吧，这就是我认识的搜索 2.0 。