vue2和vue3的区别
1.vue2把逻辑视图样式都在一个文件里写着,vue3把他们抽离开了,可以自定义hook实现逻辑复用
2.双向数据绑定的原理不一样
vue2通过Object.defineProperty的get和set做数据劫持结合发布订阅者模式实现的
vue3通过proxy代理方式实现的
3.API类型不一样
vue2是选项式API
vue3是组合式API
4.定义数据的方式不一样
vue2将数据放在data里,方法放在method里
vue3用用ref和reactive定义变量,方法放在setup函数里面
5.生命周期不一样
vue2有11个生命周期,vue3去掉了beforeCreate和created
6.diff算法实现原理不一样
vue3只会比较标识发生变化的节点进行视图更新,对标识没有发生变化的节点直接复用
参考:
1.搞定前端面试题—Vue2和Vue3的区别是什么?
2.搞懂Vue2和Vue3:面试高薪岗位的秘密武器