首页 > 其他分享 >vue2和vue3的区别

vue2和vue3的区别

时间:2023-03-08 17:46:03浏览次数:60  
标签:生命周期 优先级 区别 API vue2 vue3 节点

1.响应式原理

vue2使用ES5的API,也就是Object.defineProperty进行数据劫持,结合发布者-订阅者模式实现。

vue3使用proxy来实现。

2.vue只自支持一个根节点,而vue3支持多个根节点。

3.vue3增加了组合API,使代码更加简洁。

4.生命周期vue3增加了 setup() ,替代了beforeCreate和Created,像其他生命周期的名字也发生了变化。

5.vue2和vue3的diff算法也发生了变化,vue2会比较每一个虚拟节点,而vue3只会比较变化的虚拟节点。

6.v-if和v-for的优先级也发生了变化。

在vue2中,v-for 的优先级要高于v-if,这样会造成性能的浪费。

在vue3中,v-if 的优先级要高于v-for。

标签:生命周期,优先级,区别,API,vue2,vue3,节点
From: https://www.cnblogs.com/zzxblogs999/p/17195477.html

相关文章

  • 在使用vue2项目中运行 npm install gyp verb check python checking for Python execu
    这个错误是因为在运行npminstall命令时,需要安装某些Node.js模块的本机代码(NativeCode)并编译它们,而这些模块的编译需要使用Python2。解决这个问题的方法是:确认你......
  • zabbix被动模式和主动模式的区别
    主动模式、被动模式都是以zabbixagent的角度来说的。以下从几个方面来深入解释2个模式的区别。主动模式active:主动模式下,zabbixagnet定时向zabbixserver发送自身监控......
  • WebApplicationBuilder和HostBuilder的区别
    创建区别WebApplicationBuildervarbuilder=WebApplication.CreateBuilder(args);//在UseKestrel()方法中指定IP和端口builder.WebHost.UseKestrel(options=>{......
  • \r与\n的区别
    摘选自https://www.cnblogs.com/xiaotiannet/p/3510586.html回车”(CarriageReturn)和“换行”(LineFeed)符号ASCII码意义\n10换行\r13回车CR在Windo......
  • 前端路由(vue2 + vue3 + react)
    前端路由的设置:Vue2路由(vue-router3)安装插件npmivue-router@3router/index.js文件设置importVuefrom"vue";importVueRouterfrom"vue-router";Vue.use(VueRo......
  • Comparable 和 Comparator 的区别
    1.Comparator位于包java.util下,而Comparable位于包java.lang下2.Comparable接口将比较代码嵌入自身类中,而Comparator在一个独立的类中实现比较。3.Comparator接口的比较......
  • Token存放在cookie、localStorage/sessionStorage的区别
    首先解释下TokenToken其实就是访问资源的凭证;Token——普遍情况下是用户通过用户名和密码登录成功之后,服务器将登录凭证做数字签名,加密之后得到的字符串。 用户登陆......
  • 关机、睡眠、休眠有啥区别?微软说非特殊情况不要关机
    关机、睡眠、休眠有啥区别?微软说非特殊情况不要关机!关机几乎所有电子设备都有的状态。「关机」就像是「开机」的反向操作,所有程序、操作系统、硬件都会以此结束,几乎彻底......
  • rsa公钥和私钥区别 哪个加密那个解密
    公钥和私钥在一些银行系统、第三方支付系统SDK中经常会遇到,刚接触公钥私钥的朋友们估计很难区分两者的区别。RSA公钥和私钥是什么?首先来说,RSA是一种非对称加密算法,它是由三......
  • Vue3 使用 vant中的swipe,添加左右箭头切换轮播
    vant中的 swipe 是带有左右箭头切换轮播方法的,只不过文档中没有相关的案例。  我这边使用的是vue3ts写的这个功能。页面部分   定义一个方法,ref="swi......