生成对话框代码:

            
                // 多例
                const B = Vue.createRootClass(Com);
        
                Vue.prototype.$alert = (props) => new B({
                    isShow: true,
                    ...props
                }, undefined);
            
        

单例1,插入到body的头部

            
                const C = Vue.createRootClass(Com, {
                    insertPosition: 'prepend'
                });
        
                Vue.prototype.$single = (props) => C.init({
                    isShow: true,
                    ...props
                });

                // 关闭按钮逻辑
                Vue.prototype.$single.close = () => {
                    C.$update({
                        isShow: false
                    })
                }
            
        

单例2,插入到body的尾部

            
                const D = Vue.createRootClass(Com);
        
                Vue.prototype.$single = (props) => D.init({
                    isShow: true,
                    ...props
                });

                // 关闭按钮逻辑
                Vue.prototype.$single.close = () => {
                    D.$update({
                        isShow: false
                    })
                }