vue里边父组件向子组件传递值的问题

Question

实例代码：
父组件：

<div class="parent">
    
</div>
<script>
    data(){
        return{
            id:this.$route.query.id
        }
    }
</script>

子组件：

<div class='children'>
</div>
<script>
    data(){
        return{
            id:this.$parent.id
        }
    }
</script>

为啥这样写获取不到父组件的id

Answer 1

第一：你把this.$parent打印出来看下
第二：你得了解vue父子传值得机制
看下这个吧
https://cn.vuejs.org/v2/guide...