vue和react区别、vue2和vue3的区别

本文对比了Vue2、Vue3和React之间的异同,重点讲述了Vue2到Vue3的主要变化,包括双向数据绑定原理的改变、支持Fragments、Composition API的引入、生命周期的变化、父子组件传参的不同以及指令与插槽的更新。同时,讨论了Vue3中对数据处理、响应式系统的优化,以及与React在编程范式上的差异。
摘要由CSDN通过智能技术生成

react对于原生js要求高一点  函数式编程 国外用react多,国内vue多

共同点:

  • 组件化
  • vue2声明式编程  vue3,react函数式编程
  • 单项数据流,数据驱动视图
  • 都支持SSR

不同点:

  • vue使用模板html  react使用Jsx
  • vue是自动挡 react是手动挡

vue2和vue3的区别:

1.vue2和vue3双向数据绑定原理发生了改变 


(1)vue2的双向数据绑定是利用了es5 的一个API Object.definepropert() 对数据进行劫持 结合发布订阅模式来实现的。vue3中使用了es6的proxyAPI对数据进行处理

(2)相比与vue2,使用proxy API 优势有:defineProperty只能监听某个属性,不能对全对象进行监听;可以省去for in 、闭包等内容来提升效率(直接绑定整个对象即可);可以监听数组,不用再去单独的对数组做特异性操作,vue3可以检测到数组内部数据的变化

2.Vue3支持碎片(Fragments)
就是说可以拥有多个跟节点。

3. Composition API
Vue2 与vue3 最大的区别是vue2使用选项类型api,对比vue3组合型api。旧得选项型api在代码里分割了不同得属性:data,computed,methods等;新得合成型api能让我们使用方法来分割,相比于旧的API使用属性来分组,这样代码会更加简便和整洁。

4. 建立数据data
vue2是

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值