ElementPlus Dialog 对话框点击不弹出

在写项目的途中使用了 Dialog弹窗，去官网查看时发现官网的语言是用的 typescript，而我用的是JavaScript 后边在w3c找到用JavaScript的参考代码

这用的是vue2 的语法，我用的是vue3 然后我进行了修改，如下

export default {
  setup() {
    let dialogVisible = false
    function handleClose(done) {
      this.$confirm('确认关闭？')
        .then((_) => {
          done()
        })
        .catch((_) => {})
    }
    return {
      handleClose,
      dialogVisible
    }
  }
}

渲染出来后，怎么点击都没弹窗出现，后仔细查看代码发现没有将dialogVisible边成响应式数据，

后边用ref函数处理数据后就可以正常弹窗

let dialogVisible = ref(false)