vue3中的watch

  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)=>{
})
  1. watch第三个参数

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

  2. 还可以使用watchEffect监听

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

相关推荐
学习前端的小z2 分钟前
【前端】深入理解 JavaScript 逻辑运算符的优先级与短路求值机制
开发语言·前端·javascript
星星会笑滴5 分钟前
vue+node+Express+xlsx+emements-plus实现导入excel,并且将数据保存到数据库
vue.js·excel·express
前端百草阁25 分钟前
【TS简单上手,快速入门教程】————适合零基础
javascript·typescript
彭世瑜25 分钟前
ts: TypeScript跳过检查/忽略类型检查
前端·javascript·typescript
FØund40426 分钟前
antd form.setFieldsValue问题总结
前端·react.js·typescript·html
Backstroke fish27 分钟前
Token刷新机制
前端·javascript·vue.js·typescript·vue
zwjapple27 分钟前
typescript里面正则的使用
开发语言·javascript·正则表达式
小五Five28 分钟前
TypeScript项目中Axios的封装
开发语言·前端·javascript
小曲程序28 分钟前
vue3 封装request请求
java·前端·typescript·vue
临枫54129 分钟前
Nuxt3封装网络请求 useFetch & $fetch
前端·javascript·vue.js·typescript