本篇文章将封装一个优雅的项目级通用弹出框。该弹出框实现重用的同时，将内容与表现分离，让使用者可以专注于绘制弹框内容，而不用在意弹框的具体实现。文章阅读预计15分钟。

首先在src文件夹下新建一个var.scss文件，放置scss变量。，我们需要将其引入到每一个组件的scss中去，手动引入也可以实现。这里。在根文件夹下寻找vite.config.ts，如果找不到则新建一个，如果已有可以跳过这一步。

当点击 编辑 按钮后，弹出编辑窗口，并查询出标签信息渲染。修改后点击确定 提交。编辑对话框组件与前文中新增对话框组件为同一组件，无需绘制页面和再次引入。一 模拟接口这里需要两个模拟接口，打开对话框时需要根据对应id取出标签信息作初始渲染，点击确认提交时提交数据。1.1 标签信息查询接口url: /article/label/{id}methods: get{"code": 20000,"messa

TSX是JSX的ts版，在react中用途甚广，其实vue中也支持使用TSX编写，本文可以带领大家快速上手 Vue 中的TSX 语法，一小时内掌握TSX独立开发，搭上新时代的列车。

Content-Type含义为内容类型，请求头和响应头中都有该项，有时我们会遇到明明发送了参数后端却没有拿到的情况，或后端向我们发送了一个图片，获取后却是乱码。本文主讲：参数传输失败元凶：请求头中的Content-Type VS 如何从服务端下载文件：响应头中的Content-Type