vue-router如何在component中传递子组件所需的props?

Question

const router= new Router({

routes:[
    {
        path:'/friends',
        name:'friends',
        component:friends
    }
  ]

})
当前这个friends组件是子组件,现在需要传props给他,该怎么传？

Answer 1

<template>
    <div class="parent">
        <router-view :prop-data="prop-data"></router-view>
    </div>
</template>

直接向router-view prop

Answer 2

vue-router的文档中指出，router-view是可以传递props的,
<template>

<router-view :room="room"></router-view>

</template>

<script>

export default {
    data() {
        return {
            room: {
                info: []
            }
        }
    }
}

</script>