说实话，Vue3 出来这么久，光 Composition API 和响应式就够大家研究半天了。但性能优化这块，很多人还停留在“用 v-if 替代 v-show”“不要重复渲染”这种 level。 今天

前言 最近遇到一个项目，需要兼容旧版本浏览器 因为我们的项目全部采用的是Vite构建，所以Vite如何兼容旧版本浏览器成为了一个重点研究的东西。 按照Vite官网描述，@vitejs/plugin-l

本文介绍如何在 Vite 项目中使用 @vitejs/plugin-legacy 插件，使打包出来的文件兼容旧版浏览器。

vite的插件推荐+vite环境基础配置+vite打包项目的常用优化；vite的插件推荐+vite环境基础配置+vite打包项目的常用优化；

此文简单介绍一下hmr的概念、比较webpack和vite中的hmr共同点和差异，并讲述vite项目中hmr失效的排查思路和解决措施。

没有看过provide和inject函数源码的小伙伴可能觉得他们实现数据多级传递非常神秘，其实他的源码非常简单，这篇文章欧阳来讲讲provide和inject函数是如何实现数据多级传递的。

本文将通过Vue3的形式对两者的不同实现方式进行对比，让你在以后工作中无论使用到Pinia还是Vuex的时候都能够游刃有余。

在一些特殊的场景中（比如低代码、减少小程序包体积、类似于APP的热更新），我们需要从服务端动态加载.vue文件，然后将动态加载的远程vue组件渲染到我们的项目中。

引言💭 一、Vue 3 的常用 API ref 和 reactive ref：用于创建基本数据类型（如字符串、数字、布尔值等）的响应式引用。ref 通过 .value 来访问和修改数据。 reacti