vue3--自定义 dialog
那么我们这里的 dialog 模态框需要具备以下能力：
- 当 dialog 显示时，内容视图应该不属于任何一个组件内部，而应该直接被插入到body下，这里需要用到vue3提供的新组件--Teleport 瞬移组件
- dialog 应该包含两部分内容，一部分为背景蒙版，一部分为内容的包裹容器
- dialog 应该通过一个双向绑定进行控制展示和隐藏
- dialog 展示时，滚动应该被锁定
- 内容区域应该接受所有的attrs，并且应该通过插槽让调用方指定其内容
components/Dialoog/index.vue
<template>
<div>
<Teleport to="body">
<!-- 蒙版 -->
<transition name="fade">