vue和react区别大吗,简述vue和react区别

后一个节点还被当做新节点创建了这样会造成很大的性能浪费因此不建议使用index作为key。

React的diff和Vue的diff算法的不同之处

vue和react的diff算法都是进行同层次的比较主要有以下两点不同

vue对比节点如果节点元素类型相同但是className不同认为是不同类型的元素会进行删除重建但是react则会认为是同类型的节点只会修改节点属性。vue的列表比对采用的是首尾指针法而react采用的是从左到右依次比对的方式当一个集合只是把最后一个节点移动到了第一个react会把前面的节点依次移动而vue只会把最后一个节点移动到最后一个从这点上来说vue的对比方式更加高效。 四、响应式原理不同 React的响应式原理

React主要是通过setState()方法来更新状态状态更新之后组件也会重新渲染。

Vue的响应式原理

vue会遍历data数据对象使用Object.definedProperty()将每个属性都转换为getter和setter每个Vue组件实例都有一个对应的watcher实例在组件初次渲染的时候会记录组件用到了那些数据当数据发生改变的时候会触发setter方法并通知所有依赖这个数据的watcher实例调用update方法去触发组件的compile渲染方法进行渲染数据。