v2和v3区别

1、响应式原理不同–v3中trick和trigger

2、diff算法不同

jQuery框架称之为命令式框架,Vue框架称之为声明式框架;;;此两种框架在页面元素更新性能方面,因为jQuery类似于操作原生DOM,所以将其更新性能消耗定性为A,那么对于Vue框架而言底层还是操作DOM元素,所以更新性能消耗为A+B(B为新旧虚拟DOM比对找出差异的性能),如果想要A+B最小,需要B小,因此需要算法找出新旧虚拟DOM差异的性能消耗最小,此算法便是diff,所以diff目的便是比较新旧虚拟DOM之间的差异----首先diff算法是同层级间进行比较,不会跨层级比较;其次diff采用的是双指针的方式进行比较,从头和尾开始向中间进行比较;

v2中的diff算法: 首先会遍历虚拟DOM,遍历虚拟DOM中的每一个节点,然后进行新旧虚拟节点之间的比对,比对完毕会返回一个patch对象,patch对象中存储了新旧虚拟节点之间的差异,然后根据patch对象处理更新DOM即可;----此算法不合理之处在于:不管虚拟节点是否更新,遍历过程中都会进行虚拟节点的比对,对于不参与更新的虚拟节点它也会进行比对,产生了性能消耗;

v3中为每一个虚拟节点添加了一个patchflag标识,当触发页面操作时,patchflag会变化,所以在进行虚拟节点比对是,它只会比对patchflag标识变化了的节点,不会比对未参与更新的部分;

3、v3中有更好的tree-shaking-----去除死代码

4、v2选项型API,v3 组合式API,将一部分功能单独抽离为一个hooks

5、v3支持多个根节点,将多个根节点放到fragment节点中

6、v3对TS支持更好

7、生命周期不同

8、定义数据和methods形式不同,v2data中的数据都为响应式,v3需要ref或者reactive

9、teleport 瞬移组件

10、router-view支持插槽写法

11、其他为写法上不同:slot写法;父组件通过ref获取子组件数据和methods,需要子组件导出;父子组件传参;props接收参数设置默认值,withDefaults