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()打印出来的是空白