0
点赞
收藏
分享

微信扫一扫

Vue2 和vue3的区别

心如止水_c736 2022-04-05 阅读 168
vue.js

1、最大的改动就是vue2用的options api , vue3用的是composition api

2、vue2是object.defineProperty,vue3是proxy实现数据的响应式

3、全新的全家桶

4、全新的ts支持

5、vate

Options api 存在的问题就是,当组件越来越多的时候,可读性就会变差,比如找一个定义的方法要一直往下翻

Component api 是把定义的数据和使用的数据的逻辑放在一起进行处理,以达到更加易读,更加方便扩展的目的

Ref 、 reactive 都可以定义响应式数据,但是20年10月社区大佬提出新的pr(项目评审),重构了响应式的一部分,性能和速度都大大的提升  所以这也就是我们使用ref的原因

Vue2 创建一个vue实例需要new vue的形式,vue3是通过引入createApp方法和App实例的方式来创建vue实例

Vue3是所有的逻辑,定义的数据都要写在setup() 函数里,当你想要定义一个响应式数据,最后还有return出去,整体来看其实和vue2没有什么区别,所以vue3又进一步做了改进,又vue3升级到了3.2,在3.2中采用的是<script setup>标签的形式,也就是setup的语法糖,在这种情况下,我们就不用再去进行return操作,在3.2版本可以做到写vue就像写普通js一样

举报

相关推荐

0 条评论