vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > 子组件监听父组件值变化

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

作者:ttt_tangyuan

这篇文章主要介绍了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
      }
 }

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

您可能感兴趣的文章:
阅读全文