据了解，vue是一套用于构建用户界面的渐进式JavaScript框架。Vue可以自底向上逐层的应用。vue经历从2.0到3.0，更新之后也变得更轻，更快，使⽤起来更加⽅便。那么你知道vue2.0和3.0有什么区别吗?下面是关于vue2.0和3.0区别有哪些的介绍。

vue2.0和vue3.0的区别：

1、vue2使用Object.defineProperty方法实现响应式数据，vue3使用proxy实现响应式数据

Object.defineProperty的缺点：

无法检测到对象属性的动态添加和删除

无法检测到数组的下标和length属性的变更

解决方法：

vue2提供Vue.$set动态给对象添加属性

Vue.$ｄｅｌｅｔｅ动态删除对象属性

重写数组的方法，检测数组变更

proxy的缺点：

es6的proxy不支持低版本浏览器(IE11)

会针对IE11出一个特殊版本进行支持

proxy的有点：

可以坚持到代理对象属性的动态新增和删除

可以监测到数组的下标和length属性的变化

2、vue3新特性：

①：数据响应重新实现(ES6的proxy代替ES5的Object.defineProperty)

②：源码使用ts重写，更好的类型推导

③：虚拟DOM新算法(更快、更小)

④：提供了composition api，为更好的逻辑复用与代码组织

⑤：自定义渲染器(app、小程序、游戏开发)

⑥：Fragment，模板可以有多个根元素

标签： 区别 哪些

本文地址：https://www.shjdjh.com/news/61727.html

免责声明：本站内容仅用于学习参考，信息和图片素材来源于互联网，如内容侵权与违规，请联系我们进行删除，我们将在三个工作日内处理。联系邮箱：cloudinto#qq.com（把#换成@）