在vue.js中从子组件更改父组件

我有一个名为App.vue的主组件，它包含一些html div元素和一个路由器视图。对于分配给路由的组件，我想在App.vue中显示/隐藏一个div（如果在子组件中单击按钮，则在父组件中显示一个div，为另一个按钮显示另一个div等）。我尝试将道具传递给路由器视图并更新道具prom子对象，但它显示错误。如何执行此操作？

您可以在

路由器视图中收听事件，并相应地进行操作：


const child={
模板：`
切换div
`
}
常量路由器=新的VueRouter({
路由：[{路径：'/child'，组件：child}]
})
新Vue({
路由器，
el:“#应用程序”，
数据：{displayMe:'block'}，
方法：{
toggleMe:function（）{
this.displayMe=（this.displayMe=='block'）？'none'：'block'；
}
}
})
#隐藏{
宽度：100px；
高度：100px；
背景：橙色
}

探望孩子