如果一个组件中有部分重复的内容，大部分的做法可能就是单独抽一个组件出来引用或者直接使用 TSX 定义一个组件使用，直到看到了大佬的教学视频，才发现原来还可以这样做，简直太妙了。

日常任务开发过程中避免不了进行 UI 组件库部分组件的二次封装使用，记录下长期开发过程中积累的一些经验和网络学习的新技巧，组件二次封装需要解决的无非就是属性 props 如何透传出去，如何复用原有组件的插槽，以及如何调用原组件暴露的方法，这里以比较热门的 UI 框架 Element Plus 为例。

手贱升级项目的依赖，完事后运行启动项目的命令，发现一直报错

Search string not found: "/supportedTSExtensions = .*(?=;)/"
(Use `node --trace-uncaught ...` to show where the exception was thrown)

导致项目一直起不来。就按报错的关键词 Google 搜索了下，找到一个 2 天前 Nuxt 仓库的 Issue

常规 ESLint 配置通常比较复杂，好在之前一直关注过 antfu 大佬的 eslint-config，乘着有时间把自己的 VuePress2 博客也迁移到使用该 ESLint 配置，该配置使用比较简单，不用太多繁琐的操作，照着项目文档操作即可。

在搜索vue3打包分析、vite打包分析，清一色的都是推荐的使用rollup-plugin-visualizer插件，自己也使用过，感觉这个打包分析的插件生成的分析报告贼不好用，不支持放大缩小，只能点击模块进行放大，尝试了下按Exclude和Include关键词搜索也搜索不出内容，不知道是不是我使用有问题还是我搜索方式不对，总之感觉没有 vue2 的vue-cli-service生成的报告好使。

在之前vue2的版本中，经常在axios请求中对于后端返回的部分错误码进行国际化报错处理，使用te('some.key')判断key是否在国际化文件中，如果存在就翻译key进行报错，如果不存在则提示后端返回的具体错误信息。新项目使用Vue3 + vue-i18n-next，发现在使用te或者$te方法均返回的false，Google搜索一番后找到一个issue完美解决问题，记录下相关的代码。

本文为翻译 原文地址：Announcing Vue 3.4

今天，我们非常高兴地宣布 Vue 3.4"🏀大灌篮 "正式发布！

该版本包含一些实质性的内部改进-其中最显著的是重写了模板解析器，速度提高了 2 倍，还重构了反应性系统，使效果触发更准确、更高效。此外，它还对 API 进行了一系列质量改进，包括稳定了 defineModel 和绑定道具时的新同名简称。

本文章概述了 3.4 中的重点功能。有关变更的完整列表，请查阅GitHub 上的完整更新日志。

之前因为项目需要，实现了 Ant Vue 的自定义换肤并记录了下实现过程Ant Vue 1.x 动态自定义换肤，后来新项目采用Naive UI，也就自己摸索着实现一下自定义换肤，顺便自己记录一下。

最近在逛 GitHub 的过程中发现一个很有趣的库，fake-progress，用来模拟“真实”的进度条，虽然看着已经很多年没更新了，但是不妨碍在 Vue3 中集成使用，这样就不用手搓模拟进度条了，在页面加载顶部进度条、文件上传进度条等等很有用处。

之前的时候我们通常使用Vuex进行状态管理，Vue3 的时候组合式 API大火，Pinia 因此诞生，其目的是设计一个拥有组合式 API 的 Vue 状态管理库，特点简单易用好上手。由于 Vuex 现在处于维护模式，新的应用官方更推荐使用 Pinia：详情。