vue2 和 vue3 的区别

1.双向绑定的方法不同

vue2:Object.defineProperty()

vue3:new Proxy()

2.vue3中没有$set

3.vue2是选项式API,vue3是组合式API也兼容选项式API

  1. diff算法不同

vue2通过逐层对比虚拟DOM树的节点,找出差异,这种算法在大型组件树时性能低

vue3用静态标记识别出模板中的静态节点,跳过这些节点的diff过程,减少比较的开销,vue3是在组件级别上执行diff,减少了不必要的比较

总的来说,vue3的diff算法性能方面进行了改进

相关推荐
十里-13 小时前
vue.js 2前端开发的项目通过electron打包成exe
前端·vue.js·electron
雨季66613 小时前
构建 OpenHarmony 简易文字行数统计器:用字符串分割实现纯文本结构感知
开发语言·前端·javascript·flutter·ui·dart
雨季66613 小时前
Flutter 三端应用实战:OpenHarmony 简易倒序文本查看器开发指南
开发语言·javascript·flutter·ui
小北方城市网13 小时前
Redis 分布式锁高可用实现:从原理到生产级落地
java·前端·javascript·spring boot·redis·分布式·wpf
console.log('npc')14 小时前
vue2 使用高德接口查询天气
前端·vue.js
2401_8920005214 小时前
Flutter for OpenHarmony 猫咪管家App实战 - 添加支出实现
前端·javascript·flutter
天马379814 小时前
Canvas 倾斜矩形绘制波浪效果
开发语言·前端·javascript
天天向上102414 小时前
vue3 实现el-table 部分行不让勾选
前端·javascript·vue.js
qx0914 小时前
esm模块与commonjs模块相互调用的方法
开发语言·前端·javascript
摘星编程15 小时前
在OpenHarmony上用React Native:SectionList吸顶分组标题
javascript·react native·react.js