Vue中watch监听第一次不触发、深度监听

第一次不触发

一：handler：其值是一个回调函数。即监听到变化时应该执行的函数。

二：是deep：其值是true或false；确认是否深入监听。(一般监听时是不能监听到对象属性值的变化的，数组的值变化可以听到。)

三：immediate：其值是true或false；确认是否以当前的初始值执行handler的函数

例如：我将父组件中的WatchId传递到这个子组件页面我要根据id来获取数据watch监听不到第一次的数据变化，下面是我的例子

<script>
export default {
    props:{
        WatchId:{
            type:Number,
            default:''
        }
    },
    data(){
        return{
          editWatchId:'',

    },
    watch:{
        WatchId:{
            immediate:true,
            handler(id){
             console.log(id)
             this.editWatchId=id
            }
        }
    },
  
    }

}
</script>