需求： 在项目中，有时候可能在不同画面需要完成同一功能，比如示例文件列表查看功能，系统上传文件，需要查看文件列表，以及文件历史记录

话不多说，上图

这个查看文件的Dialog需要在系统中的很多地方调用，开发过程中不可能在每个地方都定义一遍，那么，我们可能使用自定义控件形式，代码如下

　其中，Dialog控制显隐的关键部分是watch函数部分

visible(val, oldVal) {  
  if (val === oldVal) {  
    return  
  }  
  this.innerVisible = val  
},  
innerVisible(val, oldVal) {  
  if (val === oldVal) {  
    return  
  }  
  this.$emit('update:visible', val)  
}

　visible和innerVisible分别对应控件的属性以及Data，防止多次修改属性问题。

sURL(val, oldVal) {
if (val === oldVal) {
return
}
this.activeName = 'fileList'
// 获取数据
this.getList()
}

　该部分是控制Dialog显示数据用

父画面调用：