淺談VUE,使用watch方法監聽父組件傳到子組件的數據。

  • 2020 年 3 月 31 日
  • 筆記

 props:['updateData'],    data(){      return{       form: {            _name:'',        },      }    },

第一步接收數據:

props:['updateData']
 
第二步動態改變值:
mounted(){      this.form._name = this.updateData._name;  },  

第三步使用watch監聽 updateData數據

 watch:{
    updateData: function (newVal ,oldVal){ //不能用箭頭函數
        this.form._name = newVal._name
    }
  }
 

Tags: