vue3和20的语法区别_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 6:36:21 共计：3567 浏览

vue3和20的语法区别？

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

Object.defineProperty的缺点：

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

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

解决方法：

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

Vue.$delete动态删除对象属性

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

proxy的缺点：

es6的proxy不支持低版本浏览器（IE11）

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

proxy的有点：

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

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

2、vue3新特性：

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

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

③：虚拟DOM新算法（更快、更小）

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

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

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

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。