前端高阶1 - Vue3 + TS - 10-watch侦听器 - 监听Reactive

监听Reactive

• let message = reactive({nav:{bar:{name:""}}})

• watch(message, (newVal, oldVal) => {

  • console.log('新的值----', newVal);
  • console.log('旧的值----', oldVal);

• })

案例2 监听reactive 单一值

• let message = reactive({

  • name:"",
  • name2:""

• })

• watch(()=>message.name, (newVal, oldVal) => {

  • console.log('新的值----', newVal);
  • console.log('旧的值----', oldVal);

• })