React从开始搭建到项目部署到服务器

导语

什么是React？Vue跟React相比的区别是哪些？为什么大厂都会选择React？

区别

• 设计模式
  • React采用的是MVC模式（严格的view层）；Vue采用的是MVVM模式；
• 组件写法不同；
  • react主张jsx+inline style,也就是讲HTML、css写到js中，一切皆js,vue则是webpack+Vue-loader的单文件组件格式，即HTML、css、js组成一个文件形成.vue文件
• 数据绑定
  • 两者都是单向数据流，但是Vue可以进行双向数据绑定，React也可以进行双向数据绑定，但是绑定的原理有些区别，React是通过setState与View层进行双向数据绑定达到实时更新变化
• Vitual Dom 不一样；
  • Vue会跟踪每一个组件的依赖关系，不需要重新渲染整个组件树，而react每当应用的状态被改变时，全部组件都会被渲染，所以react需要shouldComponentUpdate这个生命周期函数方法来进行控制

注： 关于vue的数据双向绑定和单向数据流

• Vue 的依赖追踪是【原理上不支持双向绑定，v-model 只是通过监听 DOM 事件实现的语法糖】
• vue的依赖追踪是通过 Object.defineProperty 把data对象的属性全部转为 getter/setter来实现的；当改变数据的某个属性值时，会触发set函数,获取该