vue 子组件watch监听不到prop的解决

Vue子组件中的watch选项可以用于监视数据的变化，但是watch默认只监视该组件实例中的数据变化，而不会监视该组件的props属性的变化。

如果想要在子组件中监视props的变化，可以通过设置`immediate: true`选项来实现。设置了该选项后，Vue会立即执行一次该watch的回调函数，并传入最新的props值作为参数。

以下是一个示例代码：

Vue.component('child-component', {
  props: ['propA'],
  watch: {
    propA: {
      immediate: true,
      handler: function(newVal, oldVal) {
        console.log('propA changed from ' + oldVal + ' to ' + newVal);
      }
    }
  }
});

在这个示例中，当父组件中的propA发生变化时，子组件中的watch会立即执行回调函数，并输出新旧值的变化情况。

需要注意的是，如果props是一个对象或数组类型的数据，子组件中的watch只能监视到对象或数组本身的变化，而无法监视到对象或数组中某个属性的变化。如果需要监视对象或数组中某个属性的变化，可以使用Vue提供的深度监听选项`deep: true`来实现。