一次 webpack 到 vite 的失败迁移体验。`Vite` 经过一段时间的发展，目前的生态已经非常丰富了。所以就着手把项目的 `Webpack` 替换为 `Vite`。

vue + vite + typescript项目 首先，安装unplugin-vue-define-options依赖 然后，配置vite.config.ts 接着，在tsconfig.json设置

因为我们的组件库是基于Vite开发的，所以选择了Vitest作为组件库的单元测试框架。看完这篇文章你将学会如何在Vite项目中引入Vitest和编写一些测试代码，包括对Vue组件的测试

jest是什么？ Jest是 Facebook 的一套开源的 JavaScript 测试框架， 它自动集成了断言、JSDom、覆盖率报告等开发者所需要的所有测试工具，是一款几乎零配置的测试框架。它能支

1.不要将所有的数据都放在data中 2.watch 尽量不要使用deep:true深层遍历 3. vue 在 v-for 时给每项元素绑定事件需要用事件代理 4. v-for尽量不要

提起性能优化 很多人眼前浮现的面试经验是不是历历在目呢？反正，性能优化在我看来他永远是前端领域的热度之王。 而本渣最近维护的项目恰巧在这个方向下了很大功夫，一些经验之谈奉上，希望对大家有些许帮助！ 性

资料来源视频：用vue想拿20k，面试题要这样答 文章是在看完视频之后总结的笔记 这个视频我觉得他将的好是在于直接去解析vue的源码，从源码分析问题，简而易懂且有说服力。 总结：一共9节9个小知识点

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第3天，点击查看活动详情。 国际化是什么？ 国际化 对应的英文单词为 Internationalization，又称 i18n： i

常见场景：点击列表详情，跳转到详情内页，传递id参数获取详情数据。 我们先来看看路由跳转的几种方式： 1、通过params方式传参 通过$route.push的path携带参数方式 (路由配置中指定参