VUE3的组件通讯

1、场景一:父组件A页面有个按钮触发,使得子组件B弹框出现,并且子组件有关闭按钮可以关闭弹框。
使用的是van-popup。该组件show 属性,如果为true就出现弹框,所以父组件A 注册prop属性show(与子组件保持一致),传给子组件,点击页面按钮将传入该属性的值传true,则子组件弹框就会出现。
但是发现点击子组件关闭弹框,并没有关闭。
原因:父组件没有注册close事件,去将传入show属性里的值置为false,所以在父组件A里注册该事件即可。
一句话汇总:保证父子组件的事件注册、子组件的属性都保持一致即可。

你可能感兴趣的:(VUE3的组件通讯)