vue中如何在子组件添加类似于watch属性监听父组件数据，数据变化时子组件做出相应的动作

Posted 2021-02-21 song-zmin

首先：我们需要在父组件中标签中定义一个 ref=“parentObjVue”

其次：我们在子组件中，通过  var tmp=this.$refs.parentObjVue找到父组件。

然后：我们在子组件中这样去写（例如监听父组件中的一个gdata属性）

tmp.$watch(‘gdata‘,(newVal,oldVal)=>{
   // 这里就是gdata数据发生变化的时候具体的操作内容，同在自己的组件当中使用watch一样。
})