uniapp里组件传值的异常情况(Watch方法的使用)

 父组件
<template>
    <view>
       <aaa :id=‘id‘></aaa>  
    </view>
</template>
  
<script>
　　data(){
　　　　return{
　　　　　　id:19754
　　　　}
　　},
　　onload(){

　　　　console.log(‘‘id‘,this.id)

　　},

   method:{
     　　 
  }
</script>


子组件
<template>
    <view>
      {{id}}
    </view>
</template>
  
<script>
　　props:[‘id‘],
　　data(){},
　　mounted(){
　　console.log(‘id‘,this.idid)
 　},
    method:{
     　　 
    }
</script>

 解决办法:
通过watch来监听传递过来的字段:把这个字段赋值给一个新字段
<template>
    <view>
      {{newID}}
    </view>
</template>
  
<script>
　　props:[‘id‘],
　　data(){
　　　　return{
　　　　　　newId:‘‘
　　　　}
　　},
　　mounted(){
　　console.log(‘id‘,this.idid)
 　},
　　watch:{
　　　　id:fuction(){
　　　　　　this.newID = this.id
　　　　}　　
　　　　console.log(this.newID)
　　},
    method:{
     　　 
    }
</script>