关于一个对话框component在vue中的的实现

component的文件形态
xxx 文件夹
index.js （封装了createDialog方法，操作了dom树）
index.vue

1、用法：
import xxx from ‘xxx/index.js’
let dialog = xxx({ YYY: yyy})

场景：
不需要view层的公共类，只需要script层

注意：
控制对话框显示与隐藏的字段是visible，通过值为true or false来代表对话框的显示与隐藏，因为要操作dom树，dom元素的显示隐藏就是visible

2、用法：
import xxx from ‘xxx/index.vue’

场景：
普通单页业务，既有view层，又有script层

注意：
控制对话框显示与隐藏的字段是value，通过值为true or false来代表对话框的显示与隐藏，因为使用了v-model