vue组件传参--子父通信

子父通信

子组件调用父组件里的方法
例子是一个点击隐藏弹窗的例子
父组件引入子组件子组件是PunchCard,并在子组件标签上定义一个时间hidden。在父组件methods内写hiddenshow()方法
父组件里punchCardState的状态值

子组件里的处理：
在组件对应改变的标签上定义事件

在子组件methods方法里写

使用$emit来触发父组件的自定义事件hidden。自定义事件里放的是父组件methods里的方法，所以hidden不需要在父组件里再定义，他是一个自定义事件。

总结

1.在父组件使用自定义事件，写入方法

2.在子组件使用$emit来触发父组件的自定义事件