vue2和vue3区别对比?

一.vue3新特性

  1. 数据响应重新实现(ES6的proxy代替Es5的Object.defineProperty)
  2. 源码使用ts重写,更好的类型推导
  3. 虚拟DOM新算法(更快,更小)
  4. 提供了composition api,为更好的逻辑复用与代码组织
  5. 自定义渲染器(app、小程序、游戏开发)
  6. Fragment,模板可以有多个根元素

二.vue2 vue3响应原理对比

1. vue2使用Object.defineProperty()方法实现响应式数据

2. 缺点:

  • 无法检测到对象属性的动态添加和删除
  • 无法检测到数组的下标和length属性的变更

3. 解决方案:

  • vue2提供Vue.$set动态给对象添加属性
  • Vue.$delete动态删除对象属性
  • 重写数组的方法,检测数组变更

1.vue3使用proxy实现响应式数据

2.优点:

  • 可以检测到代理对象属性的动态新增和删除
  • 可以见到测数组的下标和length属性的变化

3.缺点:

  • es6的proxy不支持低版本浏览器 IE11
  • 回针对IE11出一个特殊版本进行支持

「点点赞赏,手留余香」

1

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:
1. 本站所有文章教程及资源素材均来源于网络与用户分享或为本站原创,仅限用于学习和研究。
2. 如果内容损害你的权益请联系客服QQ:1642748312给予处理。
码云笔记 » vue2和vue3区别对比?

发表评论

IT互联网行业相关广告投放 更专业 更精准

立即查看 联系我们