Vue.js Vuejs-如何将参数从子路由传递到父路由？

我是vuejs的初学者

我对有关vue路由器嵌套路由的一些实践存在问题

以防万一，这是一个嵌套的路由配置

const router = new Router({
    routes: [
        {
            path: '/dashboard',
            name: 'dashboard',
            component: Dashboard,
            meta: {
                requiresAuth: true
            },
            children: [
                {
                    path: 'overview',
                    name: 'Overview',
                    component: Overview,
                    meta: {
                        requiresAuth: true
                    }
                }
            ]
        }
    ]
})

如果要将数据从子管线（概述）传递到父管线（仪表板）

我该怎么处理

---

<>我不希望URL有任何变化（/仪表板/概览），只接收子路径中的数据参数。

< P>您可能想考虑使用不同组件之间共享状态的方式（或者如果你不是初学者）。 或者，您可以仅在子组件中发出事件：

Vue.use（VueRouter）；
变量父项={
模板：“”，
方法：{
onData（数据）{
警报（'从子级获取数据：'+数据）；
},
},
};
变量子项={
模板：“单击我”，
数据（）{
返回{
文字：“你好”，
};
},
方法：{
onClick（）{
this.$emit（'data'，this.text）；
},
},
};
var路由器=新的VueRouter({
路线：[
{
路径：“”，
组件：父级，
儿童：[
{
路径：“”，
构成部分：儿童，
},
],
},
],
});
新Vue({
el:“#应用程序”，
路由器，
});

< /代码> 你可能想考虑使用一种在不同组件之间共享状态的方法（或者如果你不是初学者）。
或者，您可以仅在子组件中发出事件：


Vue.use（VueRouter）；
变量父项={
模板：“”，
方法：{
onData（数据）{
警报（'从子级获取数据：'+数据）；
},
},
};
变量子项={
模板：“单击我”，
数据（）{
返回{
文字：“你好”，
};
},
方法：{
onClick（）{
this.$emit（'data'，this.text）；
},
},
};
var路由器=新的VueRouter({
路线：[
{
路径：“”，
组件：父级，
儿童：[
{
路径：“”，
构成部分：儿童，
},
],
},
],
});
新Vue({
el:“#应用程序”，
路由器，
});