mpvue 关于props赋值的问题

Question

1.父组件通过prop给子组件传值，直接使用没有毛病。现在打算将传来的值 赋值给另一变量 结果在created中console.log()该变量结果为空白

<template>
    <div>
      <audio     :src="src" id="myAudio"  
      autoplay="autoplay"
      preload="auto"


       ref="audio"></audio>
      {{src}}
    </div>
</template>
<script>
import store from '../store/index.js';
import {getSongUrl,getSongUrlDetail} from '../api/index';
export default {
    props:{
        src:{
           type:String,
            
        },
        picUrl:{
            type:String,
            default(){
                return{}
            }
        },
        name:{
          type:String,
            default(){
                return{}
            }  
        },
        author:{
          type:String,
            default(){
                return{}
            }  
        }
    },
    data() {
        return {
          songurl:this.src
        }
    },
    
    created() {
        console.log(this.songurl)
    }
    ｝

是我哪里写错了吗？src是有数据的 但是console.log()打印出来的是空白

Answer 1

代码的写法没问题，如果真的打印不出来，尝试把props的src换个字符串来接收，比如videoSrc（不排除src是关键词的问题）

Answer 2

在data中打印下src的值，可能子组件在创建的时候，父组件中的src还是一个空值