vue server render实践

近期在重构一个后台的项目，前端用的是jquery + bootstrap，说真的，在用react以前，我没有以为组件化是如此的美妙而且必须。so, 在重构的时候就选择了vue，那么问题来了，为何不是react。
首先，抛开性能不说，由于React和Vue在大部分常见场景下都能提供近似的性能,而且几乎这点差别能够经过代码的方式弥补。
由于咱们这回重构的是一个后台项目，确定会存在大量的表单元素，并且几乎全部的表单都是要和数据进行双向绑定的，而咱们知道react是单向数据流的，可是为了实现假的双向数据绑定，咱们可能须要在onChange事件里经过setState对数据进行更新。固然也存在更好的实现方案，那就是经过props传递数据，在input须要更新时，dispatch一个action更新store，实现页面的从新渲染，能够参考redux-form这个库，关于react的表单它应该是一套比较好的实践方案。
虽说vue的双向数据绑定也是onchange事件的语法糖，可是，它已经封装的很好了，一个v-model足矣。固然选择vue还有一个重要缘由，就是在vue2.0以后对ssr有了一套更加成熟的实践方案。关于vue和react更加详细的区别网上有不少资料，请自行查阅，本文主要仍是vue ssr实践哈。

为何要用server render

1. SEO

2. 加速首屏渲染

实现

webpack 配置

webpack.base.config.js

module.exports = {
  devtool: isDev ? '#cheap-module-eval-source-map' : false,
  output: {
    path: resolve('../dist'), // 文件的输出路径
    publicPath: '/dist/',  // 静态资源的查找路径
    filename: '[name].[chunkhash].js',
  },
}