Vue子组件监听父组件传递值的变化

这是要从父组件接收的值

    props: {
    
    
      active: {
    
    
        type: [String, Number],
        default: 0,
      }
    },

使用watch对active进行监听
值变化会触发handler方法

    watch: {
    
    
      active: {
    
    
        immediate: true,
        handler(value) {
    
    
          this.isAct = value
        }
      }
    }

vue3

   import {
    
     watchEffect } from "vue";
   setup(props, context) {
    
    
         watchEffect(() => {
    
    
			console.log(props)
		})
     },