vue2 封装弹框组件

提示：封装弹框组件

父组件

html 代码如下（示例）：

   <!-- 点击出现弹框事件 -->
    <div class="smallButton" @click="onPopUp">
      <img src="" alt="" />
      <span>评价打分</span>
    </div>
    <!-- 弹框组件 -->
    <Popup v-show="isPopUp" v-on:confirm="onConfirm" v-on:cancel="onCancel" />

js 代码如下（示例）：

// 引入弹框组件
import Popup from './evaluatePopup' 
export default {
   
data() {
   
 return {
   
   isPopUp: false, // 弹框的显示隐藏
 }
},
components: {
   
 Popup,
}