Ref (盒子)：简单的值（数字、字符串）。。必须用a.value（打开盒子）才能改。盒子随便拎，走到哪都有监控，最稳。Reactive (智能背包)：复杂的对象（一堆数据）。。直接b.x（拉拉链）就能改，不需要.value。里面的东西不能掏出来单独用，掏出来就没监控了。这样解释，盒子（ref）和背包（reactive）的区别清晰了吗？

特性拦截层级属性级(针对具体的 Key)对象级(针对整个 Object)新增属性❌ 无法感知 (需用Vue.set✅ 天然感知 (触发 set 陷阱)删除属性❌ 无法感知 (需用Vue.delete✅ 天然感知 (触发 deleteProperty 陷阱)数组下标❌ 性能原因放弃支持 (无法拦截arr[0]=1✅ 天然支持Map/Set❌ 不支持✅ 支持兼容性✅ IE9+❌不兼容 IE(这是 Vu

const 是前端开发中的最佳实践，它锁定变量的内存地址而非内容。对于基础类型（如字符串、数字），const 完全不可修改；但对于对象和数组，仍可修改其属性或元素。Vue 3 中响应式数据（如 ref 和 reactive）也应使用 const，因为它们返回的是对象引用。仅在需要重新赋值（如循环索引或状态切换）时才使用 let。遵循"默认用 const，必要时用 let，永远不用 var

主体功能初步实现，后期可以优化方向，设计数据库 将添加过的好友存储在数据表中，添加好友要先通过才能添加。这里我使用的后端 基于node.js的koa框架 前端使用的是vite。

如果在Vite项目中使用@无法找到文件，通常是因为未正确配置路径别名（path alias）导致的。在Vite中，您可以使用vite.config.js文件来配置路径别名。请确保将路径别名配置为与您的项目结构和实际路径相匹配。在上述示例中，我们使用alias选项来配置路径别名。通过@别名，我们将./src目录与@关联起来。//配置less @ 跨域。