vue子组件监听父组件传值的变化并随之改变

最新推荐文章于 2024-09-26 07:51:19 发布

我是你失散多年的总攻

最新推荐文章于 2024-09-26 07:51:19 发布

阅读量1.6w

点赞数 2

文章标签： vue js

本文链接：https://blog.csdn.net/qq_45524754/article/details/118334969

版权

思路：在子组件中使用watch来监听数据的变化。

1.父组件向子组件传值，将dataMsg传递给子组件

<child  :data-msg="dataMsg"></child>

2.子组件props接收dataMsg，watch监听dataMsg的变化

props: {
    dataMsg: {
      type: String, // 这里你接收的值是什么类型就写什么类型
      default: ''" // 接收值的默认值，如果为数组就写[]，对象就写{}
    }
  },

watch: {
  dataMsg(newVal, oldVal){
    // newVal是新值，oldVal是旧值
    this.dataMsg = newVal
  }
]