在 Vue.js 的响应式应用程序中，子路由是一种非常有用的功能，它允许我们根据不同的 URL 路径来显示不同的内容。然而，有时候我们可能需要从子路由获取父级路由的信息。虽然 Vue.js 的设计原则中并没有直接提供这种功能，但我们可以使用 Vue.js 的一些内置特性和第三方库来实现这一需求。
一种常见的方法是使用 Vue.js 的自定义事件系统。我们可以可以在父组件中监听子组件的事件，并在事件触发时传递父级路由信息。具体来说，我们可以在父组件中定义一个自定义事件，然后在子组件中通过 $emit 方法触发这个事件，并将父级路由信息作为事件的参数传递出去。
在子组件中，我们可以使用如下代码来触发事件并传递父级路由信息：
javascript
// 子组件
this.$emit('get-parent-router-info', this.$route);
在父组件中，我们可以定义一个方法来监听子组件触发的事件，并获取父级路由信息：
javascript
// 父组件
methods: {
getParentRouterInfo(event) {
const parentRoute = event.params.parentRoute;
// 处理父级路由信息，根据需要展示在页面上
}
}
另外，如果你的项目使用了 Vuex 进行状态管理，你也可以将父级路由信息存储在 Vuex 的 state 中，然后在子组件中通过 mapState 或者 computed property 来获取父级路由信息。这种方法更为推荐，因为它可以让你的代码更加清晰和易于维护。
总的来说，虽然 Vue.js 的设计原则中没有直接提供从子路由获取父级路由信息的功能，但通过使用 Vue.js 的自定义事件系统或 Vuex 等方法，我们仍然可以实现这一需求。