vue 2.0中的v-bind到底如何使用？

貼上代碼：
父組件中的代碼：

<template>
   <div class="app-main">
       <AppBanner/>
       <AppMovieBox :info='url'  v-for="(url,i) in urls" :key='i'></AppMovieBox>
    
   </div>
</template>
<script>
import AppMovieBox from './AppMovieBox'
import AppBanner from './AppBanner'
export default {
    name:'app-main',
    components:{AppBanner,AppMovieBox},
    
    data(){
        return {
            urls:[
                {title:'正在熱映',url:'/mz/v4/api/film/now-playing?__t='+Date.now()+'&page=1&count=5'},
                 {title:'即將上映',url:'/mz/v4/api/film/coming-soon?__t='+Date.now()+'&page=1&count=3'},
            ]
        }
    }
}
</script>
<style>
    .app-main{
        background-color: #ebebeb;
    }
</style>

想知道:info='url'到底是個什么東西？我知道url是獲取數(shù)據(jù)的地址，那么info是什么？是隨便定義的嗎？我知道v-bind是什么意思，就是可以動態(tài)的獲取數(shù)據(jù)，但是info是什么？

順便貼上子組件的代碼:

<template>
   <div class="app-moviebox">
       <AppMovieItem :film='film' v-for="film in films" :key="film.id"></AppMovieItem>
       <div class="more-button">更多熱映電影</div>
   </div>
</template>
<script>
import AppMovieItem from './AppMovieItem'
import axios from 'axios'
export default {
    props:['info'],
    name:'app-moviebox',
    components:{
           AppMovieItem 
    },
    data:function(){
        return {
            films:[]
        }
    },
    methods:{
        getfilms(){
            let that = this;
            axios.get(this.info.url).then(res=>{
                that.films = res.data.data.films
            })
        }
    },
    created(){
        this.getfilms()
    }
}
</script>
<style lang='scss'>

</style>

求解，思考了一天也不知道info到底是什么！