van-dialog 函数式调用 插槽

`van-dialog` 是 Vant UI库中的一个组件，它用于创建轻量级的模态对话框，常用于显示提示、确认信息等场景。在 Vue.js 中，Vant 的组件通常采用函数式的风格设计，并支持插槽（Slots）机制。

函数式调用 `van-dialog` 意味着你可以像调用函数一样直接创建这个对话框，提供必要的配置参数，如打开或关闭的触发事件、内容等。例如：

<template>
  <van-dialog v-model="dialogVisible" @close="dialogClose">
    <p>{{ message }}</p>
  </van-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      message: '这是对话框的内容',
    };
  },
  methods: {
    dialogClose() {
      this.dialogVisible = false;
    },
  },
};
</script>

在这个例子中，`v-model="dialogVisible"` 设置了对话框的可见状态，`@close="dialogClose"` 监听关闭事件。`<p>{{ message }}</p>` 是插槽的一部分，允许你在对话框内动态展示内容。

`van-dialog` 的插槽主要包括以下几个：
1. `<van-dialog-slot name="title">`: 可选的标题区域，用于自定义对话框的标题。
2. `<van-dialog-slot name="footer">`: 可选的底部区域，可以放置按钮或操作。
3. `<van-dialog-content>`: 主要内容区域，可以插入任意HTML内容。