vue3的知识点

Vue3引入了setup函数,它在beforeCreate之前执行,并接受props和context参数。在这个函数中,this是undefined。声明响应式变量可以不再依赖data,而是直接在setup中使用ref和reactive。ref适用于基本类型,reactive用于对象。计算属性、监听器和方法都应放在setup中。子组件向父组件传递值时,Vue3虽然仍能直接传递,但推荐显式通知父组件。在watch中,ref创建的变量可以获取oldValue,而reactive则无法获取,但reactive深层嵌套的监听无需深度遍历。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. vue3新增加了一个setup函数,这个函数是在beforeCreate前面执行的,而且setup还能接收2个参数,一个是props一个是 centext,注意setup中this是undefind,再setup中我们不需要使用this,

  2. vue3声变量不需要想vue2一样再data里面去声明 ,我们直接再setup这个函数里面去声明就可以,注意再setup里面声明变量有2个方法 一个是通过ref (ref定义的是基本类型的数据) 一个是reactive (reactive 可以定义不同类型的数据 他是一个对象,) 注意:setup声明的变量和方法必须要return出去才能在html中正常使用

  3. 例子 setup() { let boxs = ref('你好'); let arr = reactive({ age: '张', name: '三' }); return { arr, boxs }; }

4.在vue3中 计算属性 监听属性 我们都是写在setup函数中 也忙需要的方法,也是写在setup中,子组件向父组件传值的时候 ,vue2直接写就行,在vue3中直接写也是走通 但是页面会提示警告信息 ,正确的做法是 我们要告诉父组件 我传值过啦 在这里插入图片描述
5.vue3中的watch 有一个问题 我们用ref创建一个基础类型的数据 当我我们去监听的时候 我们是能获取到newValueoldValue 但是我们要是用reactive创建的变量 我们是获取不到oldValue的值的 目前vue3是没有解决的 而且reactive创建的变量不管嵌套有多深 我们不用深度监听 也是能监听到的 ,vue2就必须要深度监听 ,才能监听到

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值