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

vue3 和vue2的区别

时间:2023-02-08 17:15:03浏览次数:38  
标签:set 区别 响应 vue2 vue3 数据 属性

1. 数据的响应式不同
答: vue2 是通过object.defineProperty()方法,get是获取属性,set是修改属性。但是新加的属性和删除的属性则没有响应式,还有就是通过数组的下标来修改值,也不会响应式。所以需要通过set 来新增, delete来删除属性。
vue3 是通过 new proxy来代理,get用来获取属性, set是新增和修改属性, deletePoperty来删除属性

2 setup方法
答:vue2是把数据放入data中,vue3就需要使用一个新的setup()方法,此方法在组件初始化构造得时候触发。使用一下三个步骤来简=建立反应性数据: 1. 从vue引入reactive;使用reactive() 方法来声明数据为响应性数据;3. 使用setup()方法来返回我们得响应性数据,从而template可以获取这些响应性数据。

3 ref 和reactive做响应式数据

4.watch 与watchEffect的作用
答 watch(数据, 回调函数(接收新旧值), 配置项(deep, immediate))

5.生命周期
答:

6 hook函数
答:

7 toref 与torefs
答:

8.碎片(Fragments)
答:

标签:set,区别,响应,vue2,vue3,数据,属性
From: https://www.cnblogs.com/zw100655/p/17102237.html

相关文章