vue父組件數據更新，子組件沒有變化。

原文：vue父組件數據更新，子組件沒有變化。_越來越好-CSDN博客_vue數據更新子組件不更新

在父子組件傳參時，父組件將值傳到子組件后，子組件進行數據展示，在第一次傳參時可以正常顯示，過一段時間后重新賦值，則發現子組件里面數據沒有更新，這個時候需要在子組件中加入watch 進行數據監聽

父組件
 
 
<div :parenData ="datas"></div>
 
<script>
data(){
  return{
   datas:"1"
 }
},
methods:{
  changeData(){
    this.datas= "2";
 }
},
mounted(){
  let that = this;
  settimeout(()=>{
    that.changeData();
  });
}
</script>
 
子組件
 
<div>{{msg}}</div>
 
<script>
data(){
  return{
    msg:""
  }
},
watch:{
    parendData(n,o){ //n為新值,o為舊值;
      this.msg = n;
    }
},
props:["parendData"],
mounted(){
  this.msg = this.parendData;
}
 
 
</script>