vue3监听方法

82 阅读1分钟
// 监听单个ref
const money = ref(100)
watch(money, (value, oldValue) => {
  console.log(value)
})

// 监听多个ref
const money = ref(100)
const count = ref(0)
watch([money, count], (value) => {
  console.log(value)
})

// 监听ref复杂数据
const user = ref({
  name: 'zs',
  age: 18,
})
watch(user,  (value) => {
    console.log('user变化了', value)
  },
  {
    deep: true, // 复杂数据需要深度监听
    immediate: true // 第一次赋值也执行
  }
)

// 监听对象的某个属性的变化
const user = ref({
  name: "",
  sex: ""
})
watch(() => user.value.name,
  (value) => {
    console.log(value)
  }
)