Vue3_2024_6天【回顾上篇watch常见的前三种场景】另两种待补

本文介绍了Vue.js中ref和reactive在监视数据变化时的区别,包括watch的参数、对象赋值策略以及注意事项,重点强调了ref对象需配合.value使用,而reactive自带深度监听,但对象赋值时需用Object.assign保持响应式。
摘要由CSDN通过智能技术生成

第一种情况:监视【ref】定义(基本数据类型)

  • 1.引入watch
  • 2.格式:watch(基本数据类型数据,监视变化的回调函数)

注意点:
2.1.watch里面第一个参数,是数据~~【监视的基本类型变量名】,不需要.value,(前面说过,ref定义的数据,使用都需要.value,当这里使用数据,不是值!)
2.2.watch里面第二个参数,是回调函数,因为setup中没有this,所以这里回调函数使用箭头函数;

  • 3.代码举例:
let num=ref(10);
watch(
	num(newValue,oldValue)=>{
   
		console.log ( '数据变化了',newValue
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值