Vue3 watch 监听基本数据类型、数组、对象（属性）、Props、多个数据的写法
【代码】Vue3 watch 监听基本数据类型、数组、对象（属性）、Props、多个数据的写法。
·
目录
1、监听基本数据类型
watch(str, (newValue, oldValue)=>{
console.log(newValue)
console.log(oldValue)
})2、监听数组
watch(arr, (newValue, oldValue)=>{
console.log(newValue)
console.log(oldValue)
})3、监听对象
watch(obj, (newValue, oldValue)=>{
console.log(newValue)
console.log(oldValue)
})4、监听对象属性
watch(() => obj.name, (newValue, oldValue)=>{
console.log(newValue)
console.log(oldValue)
})5、监听props
watch(() => props.name, (newValue, oldValue)=>{
console.log(newValue)
console.log(oldValue)
})6、监听多个数据（基本数据类型 + 对象属性）
watch([str, () => obj.name], (newValue, oldValue)=>{
console.log(newValue)
console.log(oldValue)
})7、监听多个数据（基本数据类型 + 数组）
watch([str, obj], (newValue, oldValue)=>{
console.log(newValue)
console.log(oldValue)
})
欢迎扫描下方二维码关注VX公众号
Vue社区为您提供最前沿的新闻资讯和知识内容
更多推荐
10
0- 0
已为社区贡献8条内容
所有评论(0)