技术文章
深度解析 Vue 3 Computed 计算属性
# 深度解析 Vue 3 Computed 计算属性：从响应式原理到高阶实战 在 Vue 3 开发中，`computed`（计算属性）是我们最频繁使用的 API 之一。然而，很多开发者仅停留在“用来拼接字符串”或“做简单数值计算”的基础用法上，对其背后的**缓存机制、惰性求值原理以及高阶可写用法**缺乏深层次的理解。 本文将从**核心本质、应用场景、高阶用法及避坑指南**全方位拆解 `computed`。 --- ## 一、 核心本质：如何理解 Computed？ 理解 `computed` 的关键在于一句话：**“它是基于响应式依赖进行缓存的派生状态。”** 拆解来看
一文搞懂 shallowRef 的核心原理与最佳实践
# Vue 3 性能优化利器：一文搞懂 shallowRef 的核心原理与最佳实践 在 Vue 3 开发中，大多数人习惯了一律使用 `ref` 或 `reactive`。然而，在处理某些特定场景（如第三方实例、巨型数据集）时，深层响应式转换会导致**严重的内存开销与页面卡顿**。 本文将深入拆解 `shallowRef` 的作用、原理以及 3 大黄金应用场景。
Vue API实现自动导入
当项目越来越大时，这种手动引入 API 的操作不仅繁琐，还会让代码头部堆积大量模板化的 `import` 声明。 本文将介绍如何使用官方推荐的 **`unplugin-auto-import`** 插件实现 **Vue 全局 API 自动按需引入**，让你彻底告别手写 API 引入！
Antigravity Verify 手机验证码无法发送问题
随着 Google 风控机制日益严格，近两年新注册的谷歌账号在使用 Antigravity 时遇到了越来越多的限制。鉴于 `gemini-3.6-flash` 开启 Max 模式后消耗较快，我最近用小号订阅了 Pro 年卡，但在 Antigravity 身份验证环节，遇到了 **+86 国内手机号无法向国外运营商发送验证短信** 的问题，导致流程卡死。 在网上查阅一圈后，发现现有的教程操作繁琐。原本尝试在咸鱼找相关代充/代验证服务，付费测试后依然无法解决，最终只能自己动手探究。以下是我的成功解决步骤与避坑心得：
Nuxt 4 调用服务端接口 API 区别
在 Nuxt 4 全栈开发中，**服务端接口调用的方式与数据流向**是决定应用性能、SEO 效果以及用户体验的核心要素。Nuxt 4 延续并深化了 Composition API + Nitro 的架构设计，提供了 `$fetch`、`useFetch` 和 `useAsyncData` 等内置 API，同时在 `server/api` 侧提供了基于 Nitro / H3 的服务端 Event Handler API。
Antigravity反代Cursor，提高生产力
Cursor的价格现在是越来越贵了, 我500买的年度教育优惠会员现在已经开始有点不够用了，今天摸鱼逛海鲜市场时发现Antigravity现在一年Pro会员只要12人民币，依稀记得去年Gemini3.1Pro刚发布的时候，买了一年的Antigravity会员，当初大概是80人民币左右一年会员，用了大概6个月被封了，后面就没有再用过Antigravity了，一是变贵了没有性价比，还有就对比Trae国际化和Cursor的Agent调教的太差了，加载也很慢，但现在12人民币一年会员高低也待试一下，能用一个月就是赚到，这时下载了一个开源插件Antigravity Tool，Github上搜一下就能搜到