vue ssr 服务器端渲染例子

最近在学习vue ssr，官方文档有的地方未给出实际例子，我将学习过程做的一些demo整理了一下，汇集于此，可供大家参考

$ git clone ...
$ cd vue-ssr-exapmple
$ npm install

demo1 基本例子

$ npm run demo1

ssr与服务器集成的基本例子，对应官方文档

demo2 组件生命周期钩子函数

$ npm run demo2

vue组件在服务器端渲染，生命周期钩子函数执行情况，对应官方文档

demo3 源码结构

$ npm run demo3

利用webpack打包的一个基本的源码结构实现, 对应官方文档

demo4 路由和代码分割

$ npm run demo4

webpack 打包路由和代码分割的实现，对应官方文档

demo5 数据预取和状态

$ npm run demo5

数据预取和状态demo实现，对应官方文档

demo5-mixin 数据预取和状态——匹配要渲染的视图后，再获取数据 & Store 代码拆分(Store Code Splitting)

$ npm run demo5-mixin

数据预取和状态demo实现，对应官方文档

demo6 客户端混合

$ npm run demo6

一个混合失败的例子实现，对应官方文档

demo7 Bundle Renderer 的构建配置

# production
$ npm run demo7
# dev
$ npm run demo7:dev

ssr实现热加载，对应官方文档，Bundle Renderer 指引，构建配置

demo8 CSS 管理

$ npm run demo8

css 提取实现，对应官方文档，css 管理

demo9 Head 管理

$ npm run demo9

ssr动态Head改变实现方案，对应官网文档，Head 管理