在日常开发时，弹窗是一个经常使用的功能，而且重复性极高，你可能会遇到下面这些问题: 1、一个页面内多个弹窗, 要维护多套弹窗状态,看的眼花缭乱 2、弹窗内容比较简单，声明变量 + 模板语法的方式写起来比较麻烦 关于这些问题, 我首先想到的是应该弄一个即用即走的Dialog，不用去单独维护它的状态，使用Dialog({ xxx })这种形式去调用它，例如下面这种配置的方式： Dialog({ti

在Vue 3中，我们可以使用useDialog自定义指令来高雅地实现对话框的功能。以下是一个简单的示例： 首先，我们需要创建一个名为useDialog.js的文件，并在其中定义我们的自定义指令： // useDialog.jsimport { ref } from 'vue';export default function useDialog() {const isOpen = ref(fa