Vue 2.0 開始支持服務(wù)端渲染的功能，所以本文章也是基于vue 2.0以上版本。網(wǎng)上對(duì)于服務(wù)端渲染的資料還是比較少，最經(jīng)典的莫過于Vue作者尤雨溪大神的 vue-hacker-news。本人在公司做Vue項(xiàng)目的時(shí)候，一直苦于產(chǎn)品、客戶對(duì)首屏加載要求，SEO的訴求，也想過很多解決方案，本次也是針對(duì)瀏覽器渲染不足之處，采用了服務(wù)端渲染，并且做了兩個(gè)一樣的Demo作為比較，更能直觀的對(duì)比Vue前后端的渲染。
talk is cheap,show us the code!話不多說，我們分別來看兩個(gè)Demo:（歡迎star 歡迎pull request）
1.瀏覽器端渲染Demo: https://github.com/monkeyWangs/doubanMovie
2.服務(wù)端渲染Demo:https://github.com/monkeyWangs/doubanMovie-SSR
兩套代碼運(yùn)行結(jié)果都是為了展示豆瓣電影的，運(yùn)行效果也都是差不多，下面我們來分別簡(jiǎn)單的闡述一下項(xiàng)目的機(jī)理：
一、瀏覽器端渲染豆瓣電影
首先我們用官網(wǎng)的腳手架搭建起來一個(gè)vue項(xiàng)目
