vue弹窗制作

1、单独建立一个index.js

import Vue from 'vue'
import messageBox from '@/components/JS/messageBox'

export let MessageBox = (function () {
   
   let defaults = {
   //默认值
       title : '',
       content : '',
       cancel : '',
       ok : '',
       handleCancel : null,
       handleOK : null
    };

    let MyComponent = Vue.extend(messageBox);

    return function (opts) {
   //配置参数
        for(let attr in opts){
   
                defaults[attr] = opts[attr];
        }


        let vm = new MyComponent({
   
            el : document.createElement('div'),
            data:{
   
                title: defaults.title,
                content: defaults.content,
                cancel: defaults.cancel,
                ok : defaults.ok
            },
            methods:{
   
                handleCancel()