vue 中 watch监听首次不生效解决办法

有时我们向子组件传参时在watch监听中监听不到
有时因为组件的类型的等原因会导致数据监听不到的情况

1、首次监听不到时 可以使用immediate方法，其值是true或false；immediate:true代表如果在wacth里声明了之后，就会立即执行里面的handler方法

watch: {
    id: {
      immediate: true, // immediate选项可以开启首次赋值监听
      async handler(newVal,oldVal) {
      	console.log(newVal);
      	console.log(oldVal);
      	console.log('我发生了变化');
      },
    },
  },