vue3 watch

84 阅读1分钟

一、监听一个数据变化

import {watch} from 'vue

const num=ref(0);
watch(num,(newVal,oldVal)=>{
  console.log(newVal)
})

二、监听多个数据变化

import {watch} from 'vue
const num=ref(1);
const obj={name:'emily',age:10}

watch(()=>[num,obj.name],(newVal,oldVal)=>{
  // newVal[0]:num数据变化
  // newVal[1]:obj数据变化
  console.log(newVal[0],newVal[1])
})