vue组件弹窗点击的显示隐藏

功能需求：点击弹窗的“X”关闭弹窗

说明：因为弹窗的界面的内容比较复杂，所以我的弹窗是自己写的，是引用的外部组件，所以要实现两个组件之间的传值

1、引入弹窗组件并在组件中定义

引入组件 组件定义

2、在htm结构里面写入

注：strategyModel:主页面控制弹窗的显示

3、在methods里面定义一个方法

4、在弹窗界面定义一个点击事件

5、通过$emit引用组件传过来的hidden()事件

借鉴：https://blog.csdn.net/cdx1170776994/article/details/78926079