toRef，宛如一位精准的射手，专注于创建对源响应式对象特定属性的响应式引用，而 toRefs则更像是一位全能的魔法师，它能够将整个响应式对象转化为一组响应式引用。

引言 在现代前端开发中，Vue.js 以其简洁易用的特性和强大的功能广受开发者喜爱。作为一款渐进式的 JavaScript 框架，Vue.js 既可以用于构建小型项目中的单个页面组件，也能够在大型复杂

组合式 (Composition) API 的一大特点是“非常灵活”，但也因为非常灵活，也可能导致我们的代码变得愈发混乱，最终到达无法维护的地步。

​  一、Vue3的优势 二、create-vue搭建Vue3项目 三、熟悉项目目录和关键文件 关键文件： vite.config.js - 项目的配置文件 基于vite的配置  package.js

# 前言： 翻别人代码时，总结发现极大部分使用`vue3`的人只会用`ref`和`reactive，其实有更好性能的api可以用

defineModel 同学已经转正 defineModel的简单介绍 使用 $emit更新父组件传递过来的数据(vue3.2) 使用 defineModel 更新父组件传递过来的数据(vue3.4)

本文详述了改造公司vue2项目到vue3的过程，提供了改造思路，列出了全部改动项，可作为升级参考来看

vue3常用API指南，方便自己查阅。defineProps() 和 defineEmits()，内置函数，无需import导入，直接使用。

相信今天推荐的这个插件可以解决很多人 vite 使用过程中遇到过的体验不好的痛点，用过 import.meta.env 的小伙伴应该都有这样的问题。