Vue CRUD 项目 本项目使用 Vue + element-ui + axios + testing library + JSON Server 开发的简单 CRUD Web 应用。麻雀虽小，五脏俱全。感兴趣的话，可以访问该项目的 GitHub 查看。

编写易于测试的 Vue 3 组件 最近 Vue Test Utils 2.0 正式版终于发布了！Vue Test Utils（VTU）帮助你为 Vue 组件编写测试。然而，VTU 的功能也有限，比如我们无法使用包裹器方法 setData 来修改 script setup 中的响应式数据。以下是一些建议，帮助你编写易于测试的代码，并编写有意义且易于维护的测试。

使用 Vitest 模拟 Vue Router Vue Router 4 是 Vue 3 的官方路由库。自从引入了组合式 API，我们可以在新版的 Vue Router 中使用新的组合式函数。那么我们该如何来模拟这些函数呢？目前 Vue Test Utils 官网文档并没有这方面的介绍。因此，本教程将讲解如何使用 Vitest 模拟 Vue Router，以便测试依赖于应用程序导航的业务逻辑。

批量提取多语言词条 Vue I18n 解决方案 肯定是可行的，但快速实施还是有难度。历史原因，可能我们的前端项目一开始根本没有考虑要国际化的问题。项目后期再搞国际化。页面很多，逐个文件去提取词条再逐个替换，体力活呀，一天做 100 个应该所快的了。而且机械操作难免出错。能做个批量处理来解放大家的双手吗？具有强大工具能力的 Node.js 登场了。

Vue I18n 解决方案 公司动环系统功能越来越强大，但不支持多国语言，国际化提上议事日程。我对公司绝大多数前端项目做了多国语言方案调研并在部门内部做了一次分享，特意记录一下。