如何界定Vue中父组件和子组件？

通过实例说明：

<div id="app">
    <my-component :message="msg"></my-component>
</div>
<script>
    Vue.component('my-component',{
        props:['message'],
        template:`<div>{{message}}</div>`
    })
    var app=new Vue({
        el:'#app',
        data:{
            msg:"Hello World!"
        }
    })
</script>

msg就是来自父组件的数据，这里的父组件就是Vue当前的实例app。 

如果在使用vue-router的情况下，父组件一般是router-view。