Vue和React渲染的区别?

629 阅读1分钟

区别

  1. React是基于JSX渲染模版。Vue是通过一种拓展的HTML语法进行渲染
  2. React在引用的状态被改变时,全部子组件都会重新渲染。Vue在渲染过程中会跟踪每一个组件的关系,不需要重新渲染整个组件树

一、渲染方式不同

  • 表层上:模版的语法不同,React是通过JSX渲染模版。Vue是通过一种拓展HTML语法进行渲染

  • 深层上:模版的原理不同,React是在组件JS代码中,通过原生JS实现模版中的常见语法实现。Vue是在和组件JS代码分离的单独的模版中,通过指令来实现的。

一、渲染过程不同

  • Vue可以更快的计算Virtual DOM的差异,这是由于它在渲染过程中,会跟踪每一个组件的依赖关系,不需要重新渲整个组件树
  • React在应用状态被改变时,全部子组件都会重新渲染,通过shouldComponentUpdate生命周期可以控制,但Vue将此视为默认优化。