vue 全局弹窗组件封装

对于后台管理系统，有很多弹框的功能，这时候，我们就可以将弹框封装成一个公共组件进行复用。

1. 新建弹窗组件页

在公共组件文件夹（components）下建一个弹框组件文件夹（EditboxForm）

2.在公共组件文件夹（components）下建一个install.js文件

// 组件全局注册
import Vue from 'vue'
// 这些都是自己建的组件库
import EditboxForm from './EditboxForm'//弹框

// 组件库
const Components = [
    EditboxForm,
]

// 注册全局组件
Components.map((com) =>{
    Vue.component(com.name, com)
})

export default Vue

3.在main.js中引入公共组件

import './components/install'

 4.在自己需要有弹窗的页面，挂载弹框（这个是我项目的整个页面，逻代码比较多，可以仔细研究一下是可以看懂的）

 5.可以在自己所写表格页面文件夹里新建一个弹框页面。例如新增和修改弹框(这个页面根据自己所需要的弹框写的，只需要将插槽一一对应，写出自己的弹框样式即可)。

这个里面也有新增和修改公用一个弹框组件的逻辑，（进行传不同的type实现的）可以研究一下。