服务端渲染对于刚接触vue的新手来说，并不是那么友好，虽然已有官方SSR中文文档。但是对于一个已经开发完毕的vue项目去接SSR无论是从工作量还是技术角度来说，都是一种挑战。
2、预渲染方式
在构建时(buildtime)简单地生成针对特定路由的静态HTML文件。优点是设置预渲染更简单，并可以将您的前端作为一个完全静态的站点。如果您使用webpack，您可以使用prerender-spa-plugin轻松地添加预渲染。它已经被Vue应用程序广泛测试。
VUE预渲染和服务器端渲染
jQuery的诸多局限性导致前端工程师的发展受到了很多的限制，只能做一些表面性的工作，并不能实现前后端分离开发。而近期出现的Vue，它给前端带来了无限的可能和改变。改变一：真正意义上的前端工程师之前开发都是前端做静态页面，把页面给到后台程序员改成jsp、php、asp等等...一顿乱改，一顿塞变量，做完以后页面样式乱七八糟，最后你再调整css。说白了你会html，css就行了，基本没什么门槛，可以这么说。有了Vue和Node的前端工程化以后，前端工程师能做的事情越来越多，后台人员只需要抛过来一个Api，剩下的就可以都交给前端了。改变二：服务端渲染VS客户端渲染传统的jsp、php或是模板渲染也好，都是服务端渲染，就是客户端一个请求，服务器直接把整个页面返回给你，简单粗暴。（Spring Boot是通过模板引擎，由服务端完成的渲染工作）但是vue开发是前后端分离开发，通过api进行交互，客户端请求服务器返回json数据，由客户端进行渲染。不仅减轻了服务器的压力速度更快而且渲染更加优雅，代码更容易维护。改变三：渲染优雅，代码易维护jQuery是通过DOM来控制数据，不仅笨重而且渲染数据特别麻烦，而 Vue是通过数据来控制状态，通过控制数据来控制渲染，变量可以直接写在标签中，渲染更加优雅。因为前端代码和后台代码都是分开的，所以项目更容易维护，开发效率更高。改变四：项目工程化，结合npm直接安装第三方库Vue让前端项目更加工程化，同时也规范了前端工程师的代码，而node和npm的加入才是vue能蓬勃发展的重要原因。Node为Vue提供了本地server和模块化开发的思路，npm更能安装Vue项目需要的模块，配合Vue使用，比如Moment.js Element ui vuex等等，这些第三方库让Vue有了无限的可能。敲黑板（补充下）：传统开发jQuery是命令式编程，现代框架开发是函数式编程。现代框架开发，可以使用Webpack（当然使用jQuery也可以使用Webpack），可以使用人家提供的现成的脚手架，比方说create-react-app，vue-cli。极大提高了开发的效率，并且可以使用最新的ES6、ES7语法进行开发，在编码体验上，就提高了一个档次。总结知其然，知其所以然，没有最好的框架，只有最合适的框架！
VUE预渲染是啥意思
Vue 的预渲染机制是指在构建时，将 Vue 应用中的组件提前渲染成 HTML，然后再将这些 HTML 插入到页面中。这样可以减少客户端的 JavaScript 代码量，提高页面加载速度，同时也可以提高搜索引擎优化（SEO）的效果 。Vue 的预渲染机制是基于 Vue 的模板编译机制实现的。Vue 会将模板编译成虚拟 DOM 渲染函数，当数据发生变化时，Vue 会重新生成虚拟 DOM，并将其与之前的虚拟 DOM 进行对比，然后只更新需要更新的部分。这个过程被称为响应式更新。
