vue在mounted拿不到props中传递的数据问题

 export default {
    props: {
        courseDetail: {
            type: Object,
        },
    },
    data () {
        return {
        }
    },
    watch:{
    // 监听对象中的某个值 也可以直接监听某个对象
     'courseDetail.id'(newValue,oldValue){
     	// 异步方法
        this.getCommentList()
      }
    }
}

export default{
props:["name"],
data(){
  return{
   data:this.name
   }
},
created(){
console.log(data); //  小明
console.log(this.name) //  小明
}，
mounted(){
console.log(data); //  小明
console.log(this.name) //  小明
}

<template>
<div id="app">
    <Child :name="data"></Child>
</div>
</template>
export default{
props:["name"],
data(){
  return{
   data:[]
   }
},
mounted(){
this.getAddName();
},
methods:{
getAddName() {
    axios.post(api,{params}).then(res=>{
      this.data = res.data.name
    }).catch(err=>{
        consloe.log(err);
      })
    }
  }
}

export default{
props:["name"],
data(){
  return{
   data:[]
   }
},
created(){
console.log(this.name) // unidenfied  ajax异步获取的值 
},
mounted(){
console.log(this.name) // unidenfied ajax异步获取的值 
 }
}

export default {
    props: ['name'],
        data(){
            return {
                data: []
            }
        },
        watch: {
            //正确给 cData 赋值的 方法
            name: function(newVal,oldVal){
                this.data = newVal;  //newVal即是name
                newVal && this.dataChild(); //newVal存在的话执行dataChild函数
            }
        },
        methods: {
            dataChild(){
                //执行其他逻辑
            }
        },　　　　　
        mounted() {
            //在created、mounted这样的生命周期, 给 this.data赋值会失败,错误赋值方法
            // this.data= this.name; 
        }
}

export default {
    props: ['name'],
        data(){
            return {
                data: []
            }
        },
        watch: {
            //正确给 cData 赋值的 方法
            name: function(newVal,oldVal){
              if(newVal){ //当newVal 数据发生改变时
                this.$nexTick(()=>{ //等待newVal 数据渲染完成
                document.getElementById(ID).style.backgroundColor="#fffff";
                })
              }
            }
        },
        methods: {
            dataChild(){
                //执行其他逻辑
            }
        },　　　　　
        mounted() {
            //在created、mounted这样的生命周期, 给 this.data赋值会失败,错误赋值方法
            // this.data= this.name; 
        }
}