vue自定义全局弹窗组件

vue自定义全局弹框组件

1. 在components文件夹下新增一个组件文件夹Dialog，新建一个模板组件Dialog.vue

2. 在此文件夹再新建一个index.js

   import Dialog from './Dialog'
   
   Dialog.install = function (Vue, options) {
     Vue.component(`${Dialog.name}`, Dialog)
   }
   
   export default Dialog
   
   

3. 最后再main.js里注册为全局组件

   import Dialog from './components/Dialog/index.js'
   
   Vue.use(Dialog)
   

这样就可以在其他组件里无需声明而使用此组件