vue3中的watch

2024-01-07 17:17:02

1. 简单的监听：

const number=ref(0)
watch(number, (newValue, oldValue)=>{
    //
})

2.复杂类型：

const user=reactive({
    name:'test',
    age:18
})

// 整体监听
watch(user, (oldValue, newValue)=>{
    //
})
// 监听某一属性
watch(()=>user.name, (oldValue, newValue)=>{
})

3. watch第三个参数

? ? ? ?

watch( user, (oldValue, newValue)=>{
},{ deep: true, immediate:true}) 
// 深度监听， 子孙属性
// 立即监听，初始化就执行一次

4. 还可以使用watchEffect监听

watchEffect(()=>{
  console.log('user',user)
})

文章来源:https://blog.csdn.net/reembarkation/article/details/135402376
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。