项目实战，简单易懂，复制粘贴即可直接使用，不讲大框架，只分享实用技巧。
本篇文章中模态框插件引用自bootstrapv5.x，个人比较喜欢实用bootstrap这个web前端框架
要在Vue3中使用bootstrap插件实现模态框，你可以按照以下步骤进行：
导入bootstrap插件：在你的Vue3项目中，加入bootstrapv5.x的资源文件：
像这种出来比较早的插件，本人比较使用原生一点的，从官网下载然后导入到vue3工程的src目录下
引入bootstrap插件和样式：
在main.ts文件中引入css文件
import '/src/assets/vendor/bootstrap/css/bootstrap.min.css'
import '/src/assets/vendor/bootstrap-icons/bootstrap-icons.css'在index.html文件中引入js文件
编写模态框的html代码：
模态框效果图
总结
可根据自身业务需求进行调整模态框，分享不易，一起努力。有问题可私信交流