router-view如何接收父组件传递的数据。

Question

数据是调用接口后获得的，需要分为两个子组件展示，用的router-view来实现的，请问父组件如何把数据传递给router-view,router-view里的两个子组件又需要配置什么？其中一个子组件是另外一个子组件点击之后跳转展示详细内容的。

只是父组件的代码

Answer 1

首先，你要分清什么是父组件，什么是嵌套路由，嵌套组件。
很明显，你这里的selfIntroduction并不是一个父组件，他只是一个顶层路由中的模版。所以无法直接将数据传递给他的嵌套路由。如果你要传递可以通过vuex来进行。
如果你不想使用vuex，那你可以通过在url上添加query的办法来实现获取数据。每次你点击了p元素后就往url中添加相应的参数，然后子组件监听路由来获取相应的参数。