高阶组件HOC在React社区是非常常见的概念，但是在Vue社区中却是很少人使用。主要原因有两个：1、

在一些场景中，比如我们封装的一些工具函数、hooks、插件等中没办法像在单文件组件中一样将dialog写到template中，或者一些公共的弹窗使用声明式弹窗会比较臃肿，这个时候命名式的调起弹窗就派上

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

写在最前 看官们好，我叫JetTsang，之前都是在掘金潜水来着，现在偶尔做一些内容输出吧。 引出 在vue2当中，全局组件比如弹窗组件如何封装呢？ 有些小伙伴可能就简单的封装一个,这种功能也是很完备

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第2天，点击查看活动详情 基于element-ui封装弹窗表格，实现多选和单选功能。

Modal 模态对话框。 在中台业务中非常常见。 什么是声明式 Modal 组件库中一般都会内置这类组件，最为参见的声明式 Modal 定义。 例如 Antd 5 中的声明式 Modal 是这样定义的

在vue项目中，我们通常会使用Axios来与后台进行数据交互。而当我们发起请求时，常常需要在页面上显示一个加载框然后等数据返回后自动将其隐藏.

前言 前段时间老板心血来潮，要我们前端组对整个的项目都做一下接口防止重复请求的处理（似乎是有用户通过一些快速点击薅到了一些优惠券啥的）。。。行吧，搞就搞吧，you happy jiu ok！

在学习了vue3一些特性之后，我们可以在项目中简单的使用这些特性。不过，对于以前用vue2.x写的项目，我们可以通过引入composition-api，使用vue3中的新特性。 首先，我们先引入composition-api。 生命周期的钩子跟原先的差不多，理解起来很容易，属于…