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)
		})
     },