Vue与React的区别

简介

Vue和React都属于前端开发热门框架,React是facebook创建的javascript UI框架,Vue是尤雨溪2014年开发的一款框架,两者既有相同点,又有不同点。

相同点

  1. 两者都是使用虚拟DOM来渲染页面,所谓的虚拟DOM就是如果需要改变元素的状态,就需要先改变虚拟DOM,然后进行计算,进而改变真实DOM渲染。
  2. 针对于虚拟DOM渲染的计算方式都是当虚拟DOM发生变化后,紧接着会根据当前的计算,算出DOM树发生变化的地方,然后针对变化的地方,重新进行页面渲染。
  3. 组件化
    两者都是建议使用组件化,这样方便模块化管理,也能够对组件进行复用。
  4. 状态管理和路由
    Vue有着自己的 vuex状态管理 和 vue-router路由,React有 redux状态管理 和 react-router路由,React有着很多状态管理

不同点

  1. JSX语法 与 模板语法
    React推荐使用js扩展语法-JSX,而Vue则推荐使用模板语法,这样可以写的更贴近于HTML元素,只是多了一些指令集
  2. 状态管理
    React推崇的是状态管理,react 当中的 state 属性,是对react数据的一种管理,state本身并不能够被修改,但是如果数据需要被改变,那么就要使用setstate来进行改变,从而重新计算虚拟DOM,进行页面重新渲染。
    Vue则没有这种概念,vue中的data数据并没有特定的要求一定要有。也不存在setstate进行修改。在vue中,data只是负责对页面中的数据进行保管而已。

你可能感兴趣的:(Vue与React的区别)