vue组件通信---父传子如何实时更新数据

Rebours�

于 2019-07-17 18:14:20 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_44928843/article/details/96338001

本文探讨了在Vue中如何通过props和watch实现父组件向子组件传递实时更新的数据，以便子组件能根据父组件数据的变化进行相应操作。通过在子组件中设置watch监听props，可以实现数据的实时同步。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue组件通信—父传子如何实时更新数据

如果需要在子组件中利用props获取父组件实时更新的数据并进行对应操作,可以使用watch的监听方法.代码如下:

export default {
  data () {
    return {
    child:"",
    }
  },
  props:["father"],
  watch:{
    "father":{
      function (newValue,oldValue) {
        this.child = newValue;
      },
      deep:true,   //确认是否深度监听
    }
  }
}