基于vue的大屏实现弹窗水平垂直居中，点击弹窗外围自动关闭弹窗

实现思路：
利用绝对定位定义一个最大的盒子(.big_content)，让其完全覆盖屏幕，再在其中写弹窗，弹窗的水平垂直居中通过对(.big_content)进行flex布局实现

• 点击弹窗外围关闭弹窗
  为(.big_content)添加关闭的点击事件，同时利用@click.stop阻止弹窗被点击时冒泡触发(.big_content)的点击事件

<template lang="pug">
block content
  .big_content(v-if="visible" @click="closeModal")
    .model_content(@click.stop="")
      .head_title XXX
      .content_table
        a-table(
          :dataSource="tableData"
          :columns="columns"
          :pagination ="pagination"
          :loading="tableLoading"
          :scroll="{ y:350 }"
          size="small"
        )