本文着重介绍了vue3中如何利用两种API方式结合tsx实现一个弹框表格组件，通过过程化思维，深入浅出的描述了如何在vue3中定义组件，旨在为读者提供一个清晰的实现思路。

在Vue3中你是如何使用 组件库的 Modal 弹窗？不妨尝试一下使用 命令式 与 hooks 的使用方式。

前言 最近接到一个需求，需要在一些敏感操作进行前要求输入账号和密码，然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件，在点击按钮后弹出弹窗。再拿到弹窗返回的账号密

如何使用Vue3 tsx 和hooks开发Dialog组件 这段时间在用Vue3和tsx写项目，正好遇到了需要写Dialog的场景，因此用本文来介绍一下Vue3 和 hooks 开发Dialog的经验

前面我写了一篇 React Dialog 组件的个人实践 (juejin.cn)，本人公司技术栈一直是 react ，没有足够的机会实践 vue3 。今天使用同样的思路封装 vue3 Dialog 组

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第3天，点击查看活动详情 什么是函数式组件->Vue 无状态 无法实例化 内部没有任何生命周期处理函数 轻量,渲染性能高,适合只依赖

通过参数和返回值代替vue2的prop和emit我认为是大势所趋.vue3的prox代理模式也许比react更适合useHook.

问题场景：我们想要组织代码的方式更加简洁。希望代码会进行如下转换，并且效果一致，同时希望我们创建的组合式函数具有更多的灵活性。

本文以 Vue3 开发中最常用的第三方组件库的 Element-Plus 为例，向大家介绍在 Vue3 中如何封装一个通用的中后台项目的弹窗。 为什么需要封装弹窗 以 Element-Plus 弹窗最