Logo
vue2 和 vue3 有什么区别
所属分类:技术分享
阅读量:91
评论数量:0
发布时间:2025-02-14 15:59

coding

  • 组合式API替换选项式API

  • 没有this

  • 生命周期没有setup、creat 卸载改成unmount

  • v-if高于v-for

  • new app 变成 createApp

  • 全局注册 mixin, use改成了 app 实例调用 而不是vue类调用

  • 新增了传送门teleporrt 组件

  • templatte可以不包在div 里

原理方面

  • 响应式改成用proxy,解决了数组无法下标修改。无法监听对象属性

  • 并未完全 defineProperty ,通过reactive定义的响应式数据使用过proxy包装出来,而ref还是用的defineProperty去给一个空对象定义一个value属性来做响应式。

  • 组合式API的写法下,源码改成函数式编程,方便按需引入, tree-shaking功能必须配合按需引入的写法

  • 性能优化,增加了静态节点标记,会标记静态节点,不对静态节点对比,从而增加效率。

  • vue3 不推荐minxin 进行复用逻辑提取,而是推荐写成hook

  • v-model 应用于组件时,监听的事件和传递值的改变

作者:suckson

版权:此文章版权归 suckson 所有,如有转载,请注明出处!

空状态
评论列表为空~
目录
豫ICP备18022290号
月亮搜索返回顶部