vue封装弹窗组件，供其它页面引用

<template>
  <div>
    <el-dialog title="检测项目" :visible.sync="modalShow" width="60%" :before-close="modalClose">
      弹窗内容
    </el-dialog>
  </div>

</template>

<script>
    export default {
        name: "index",
        data() {
            return {
                modalShow:false,
            }
        },
        methods:{
            init(){
                this.modalShow = true
            },
            modalClose(){
                this.modalShow = false;
            }
        },
    }

</script>

<style scoped>

</style>