Vue 子组件的 created 不能拿到 props 的问题

SPA 应用，所有的数据都需要依靠 ajax 获取，这就导致子组件已经创建了，但是父组件所请求的 ajax 还没有返回，父组件无法传递最新的 props 数据，这就导致子组件不能正常加载。
看下我的错误代码：
父组件：

<template>
	<singleComments :singleComment="singleComent"></singleComments>
</template>
<script>
export default {
    
	methods: {
    
  		// 获取当前歌单评论
  		async getSongListComments() {
    
    		const {
     query } = this.$router.history.current
    		// 获取用户评论
    		const {
     data: result } = await this.$http.get(`/comment/playlist?id=${
      query.id}&offset=${
      this.offset}`)
    		console.log(result)
    		this.comments = result.comments
    		// TODO 测试数据
    		this.singleComent = result.comments[0]
    		console.log(this.singleComent)
  		}
	},
	created() {
    
  		this.getSongListComments()
	}
}
</script>

子组件：

<template>
  <div>
    <!-- 评论的头像区 -->
    <div