Vue子组件监听父组件值的变化

目录

• 子组件监听父组件值变化
• 子组件监听父组件的值同步更新数据

子组件监听父组件值变化

子组件中利用watch监听父组件值的变化

// 子组件
props: ["a"],
    watch: {
        a(oldValue, newValue) {
            // oldValue  a旧值
            // newValue a新值
        }
    }

子组件监听父组件的值同步更新数据

子组件

props : [“data”],

子组件监听

    watch:{
    data : (n ,o) => {//箭头函数  不然会发生this改变
        console.log(n.img)
        this.imgs = n.img
      }
 }

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。