VUE3 使用watch监听(监听对象,数组,多个值的方法)

2,836 阅读1分钟

引入watch

let vaue1=("哈哈哈哈")
//newValu 改变后的
// 之前的值 valueOld
watch(vaue1,(newValu,valueOld)=>{
	cons
})
let vaule2=reactive({
name:"",
age:15
})
 // 监听对象
 watch(()=>vaule2.name,(newValue,valuOld)=>{
  console.log(vaule2对象的name属性改变了,新值newValue 旧值valuOld)
 }})
 //监听数组
 let data1=ref([1,2,3])
watch(data1.value,(newValue,valueOld)=>{
 console.log(data1数组,新值newValue 旧值valueOld)
})
// 监听多个
watch([vaue1,()=>vaule2.name],(newValue,valueOld)=>{
 console.log(,新值newValue 旧值valueOld)
})