Vue Element-UI dialog作為子組件，怎么在父組件里控制dialog的顯示與隱藏？

方法一

// 父組件
<dialog-apply :visible.sync="dialogApplyVisible" />

// 子組件
<el-dialog
      :visible.sync="visible"
      title="申請"
      :before-close="onClose"
>

onClose() {
  this.$emit('update:visible', false)
}

方法二

// 父組件
<dialog-apply :visible.sync="dialogApplyVisible" @close='dialogApplyVisible = false' />

// 子組件
<el-dialog
      :visible.sync="visible"
      title="申請"
      :before-close="onClose"
>

onClose() {
  this.$emit('close')
}