VueJs的用法：
状态管理
- Vuex实现状态管理,针对数据的持久化存储的需求可以使用vuex-persistedstate插件包裹仓库，原理为本地存储，实现vuex统一管理数据
路由守卫
- 路由守卫(全局，局部)，可实现权限的处理与路由的重定向
路由对象
- this.$route:路由对象，可获取路由的具体信息及参数
- this.$router:路由对象，可使用push,replace等路由方法
ReactJs的用法：
状态管理
- redux：使用比较多的一种，页面引入connect，高阶组件的方式使用connect传入页面组件，
页面触发dispatch传入action类型，action再找到对应的reducer，写法比较繁琐 - dvajs的model仓库：
redux基础上简化了与仓库的交互流程，目录清晰，
新增effects副作用写法，实则异步操作，集成redux-saga,采用generator式写法
新增subscriptions订阅，可实现对路由的监听与处理
页面可引入dva里的connect，使用es7新语法@connect抛出model方法对象，页面使用this.props.方法名进行调用 - mobx与flux等
路由生成
- react的路由需要以标签的形式生成，从react-router-dom下引入route,switch,redirect等组件标签
- 可模拟vuejs书写一个routes数组抛出，使用递归生成router-view嵌入到根实现路由，这种写法更简单
样式
- 为避免样式冲突，可使用Css-Model，import styles './indexpage.less'，结构上使用classname={styles.indexWrap}的写法
路由
- 历史模式下路由对象为this.props.history，包括跳转路由的方法
VueJs对比ReactJs
设计理念
react整体函数式思想，推崇结合immutable实现数据不可变，setstate来改变数据，shouldComponentUpdate来控制是否重新渲染，也常在此生命周期做优化
react的性能优化需要手动去做，而vue的性能优化是自动的，但是vue的响应式机制也有问题，就是当state特别多的时候，Watcher也会很多，会导致卡顿，所以大型应用（状态特别多的）一般用react，更加可控。
书写方式
react的思路是all in js，通过js来生成html，所以设计了jsx，还有通过js来操作css，社区的styled-component、jss等，flutter的书写风格和react比较像
vue是把html，css，js组合到一起，用各自的处理方式，vue有单文件组件，可以把html、css、js写到一个文件中，html提供了模板引擎来处理。
页面的生成
- react一般使用class类继承式的写法
而vue是声明式的写法，通过传入各种options，api和参数都很多。所以react结合typescript更容易一起写，vue稍微复杂。
vue结合vue-class-component也可以实现类式的写法，但是还是需要通过decorator来添加声明，并不纯粹
扩展
- react可以通过高阶组件（简称HOC）来扩展，而vue需要通过mixins来扩展
React刚开始也有mixin的写法，通过React.createClass的api，不过现在很少用了。
Vue也不是不能实现高阶组件，只是特别麻烦，因为Vue对与组件的option做了各种处理，想实现高阶组件就要知道每一个option是怎么处理的，然后正确的设置。具体有多复杂，可以参考下面的文章。
状态管理
- react做的事情很少，很多都交给社区去做，vue很多东西都是内置的，写起来确实方便一些，
比如 redux的combineReducer就对应vuex的modules，
比如reselect就对应vuex的getter和vue组件的computed，
vuex的mutation是直接改变的原始数据，而redux的reducer是返回一个全新的state，所以redux结合immutable来优化性能，vue不需要。
5.事件绑定
react采用框架封装的合成事件，兼容底层浏览器差异，比如onClick，
vue使用v-on或@的写法
总结：
- react整体的思路就是函数式，所以推崇纯组件，数据不可变，单向数据流，当然需要双向的地方也可以做到，比如结合redux-form
- 而vue是基于可变数据的，支持双向绑定。react组件的扩展一般是通过高阶组件，而vue组件会使用mixin。vue内置了很多功能，而react做的很少，很多都是由社区来完成的，
- vue追求的是开发的简单，而react更在乎方式是否正确。
