版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/NaNa309706/article/details/82186883
第一类情况
子组件：
父组件引用情况一：
此种情况下可以监听到
父组件引用情况二：
此种情况下监听不到
原因分析：
情况二的时候加v-if 所以只有当条件为true时才会渲染子组件，所以父级页面最开始并不存在子组件，当点击对话框十七显示时，这时是第一次渲染子组件，而子组件的值并未变化,所以watch不到，而情况一的时候父级页面最开始渲染过子组件，所以当点击使其显示时，可以进入watch函数
第二类情况：
子组件：
父组件引用：
这种情况跟第一类的情况中的情况一差不多
针对第一次监听不到可使用如下解决方案：
解决方案参考网址：
Vue.js中 watch 的高级用法