vue + elementUI 封装Dialog功能 功能中实现父子传参以及子调用父的函数 并且实现vue中prop的双向数据绑定

使用场景：项目中多次使用Dialog功能然后就封装了一个组件，主要是给用户再次确认，以及提示的功能的功能

1.先创建一个子组件主要内容就是DIalog组件的代码，其中有几个可以通过父组件传的变量 

isShowDialog：控制是否显示，也是需要实现双向数据绑定的变量

content：Dialog对话框的主要内容

titleText：对话框的标题

cancelText：取消按钮的文字，可以默认不传

confirmText：确认按钮的文字，可以默认不传

2.父组件的主要代码以及使用说明

    import confirmDialog from '../../components/ConfirmDialog.vue'  //组件放在的位置 根据实际修改
    export default {
        name: "ServeManage",
        data(){
            return{
                  isShowDialog:false,
            }
        },
        components: {
          confirmDialog  //引入组件
        },

        methods: {
          operation(type){
            if(type=="confirm"){
             //点击确认要执行的代码
              this.isShowDialog=false;
            }else if (type=='cancel'){
             //点击取消要执行的代码
            }
          },
          changeIsShowDialog(val){
            this.isShowDialog=val;  //监听变化时触发的函数修改父组件的是否显示状态
          }
        }
    };