vue2与vue3区别

1.vue2只有选项式api,vue3包含选项式和组合式api

组合式api的出现改善处理同一事件的逻辑却要分开的问题(改善业务逻辑的割裂),组合式适合大型项目

2.vue2.0支持IE9;vue3只支持现代浏览器,不支持IE11

3.vue3.0性能更好,而vue2.0要差一些 (diff算法优化、静态提升、事件侦听器缓存)

diff算法优化

vue2.0比较的过程是全量的比较,也就是每个节点都会彼此比较。有些节点中的内容是不会发生改变的,那我们对其进行比较就肯定消耗了时间。在Vue3.0当中,就对这部分内容进行了优化:在创建虚拟DOM树的时候,会根据DOM中的内容会不会发生变化,添加一个静态标记。那么之后在与上次虚拟节点进行对比的时候,就只会对比这些带有静态标记的节点。
4.vue2.0基于动态属性 Object.defineProperty 将静态属性重写为动态属性,监控数据变化vue3.0基于ES6语法Proxy,Reflect语法,对原始对象进行拦截。

5.API语法:v-model的实现、watchEffect、辅助数组修改$set、删除.sync修饰符

6.生态系统

vue2.0 vuex、vue-cli、vue-router

vue3.0 pinia、vite、vue-router

你可能感兴趣的:(Vue框架,前端,javascript,vue.js,vue)