vue.js 与 react.js 对比

快来打我* 2023-05-29 05:20 3阅读 0赞

### 如果选择Vue与React ###

<table> 
 <thead> 
  <tr> 
   <th>No.</th> 
   <th>评判理由</th> 
   <th>Vue.js</th> 
   <th>React.js</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td>喜欢模板搭建</td> 
   <td>v</td> 
   <td>x</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td>简单和“能用就行"</td> 
   <td>v</td> 
   <td>x</td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td>希望小和快</td> 
   <td>v</td> 
   <td>x</td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td>大型应用程序</td> 
   <td>x</td> 
   <td>v</td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td>适用于Web端和原生APP</td> 
   <td>x</td> 
   <td>v</td> 
  </tr> 
  <tr> 
   <td>6</td> 
   <td>最大的生态系统</td> 
   <td>x</td> 
   <td>v</td> 
  </tr> 
 </tbody> 
</table>

### Vue的优势是 ###

1.  模板和渲染函数的弹性选择
2.  简单的语法和项目配置
3.  更快的渲染速度和更小的体积

### React的优势是 ###

1.  更适合大型应用和更好的可测试性
2.  Web端和移动端原生APP通吃
3.  更大的生态系统，更多的支持和好用的工具

[如何选择vue与react参考][vue_react]  
[使用vue与react开发过程中事实在在在区别][vue_react 1]

### 划重点 ###

react主张函数式编程，所以推崇纯组件，数据不可变，单向数据流。需要双向的地方可手动实现，比如借助 onChange 和 setState 来实现一个双向的数据流。

vue是基于可变数据的，支持双向绑定，它提供了v-model这样的指令来实现文本框的数据流双向绑定。

所以，个人认为，Vue更适合做纯后台的数据管理业务系统，他的双向绑定功能，大大减少了开发工作量。  
而react，更适合做复杂的大型应用，尤其是功能展示型在特殊领域平台。

### 看一篇比较有深度的对比，分析了原因 ###

https://www.jianshu.com/p/fc3ecea8c3c9

[vue_react]: https://blog.csdn.net/weixin_44369568/article/details/89816490
[vue_react 1]: https://blog.csdn.net/csdnnews/article/details/81880378