Vue3监听多个值

文章讲述了在Vue.js中如何使用watch选项来监听单个或多个值的变化,当时间戳`time`或数据`data`发生变化时,调用`sum`函数对值进行处理(在此例中是增加3),以实现视图的动态更新,特别是对于柱状图等图表组件的实时渲染。
摘要由CSDN通过智能技术生成
1.vue监听一个值的变化
// 监听数据变化,重新渲染柱状图
	watch(time, (newVal, oldVal) => {
	   //sum(time)
	   sum(newVal)
	})
	const sum=(s:any)=>{
	s=s+3;
	}
2.vue监听多个值的变化
watch([time,data], (newVal, oldVal) => {
	   //sum(time)
	   sum(newVal[0])//time值改变
	   sum[newVal[1])//data值改变
	})
	const sum=(s:any)=>{
	s=s+3;
	}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值