#用CSS容器查询和:has()实现真正响应式的Vue组件：告别媒体查询依赖
媒体查询基于视口，无法感知组件实际宽度，导致Vue组件在不同容器中布局混乱。本文介绍CSS容器查询和:has()选择器，让组件根据自身容器宽度自适应，彻底摆脱媒体查询依赖。通过实际案例展示如何在Vue组件中应用@container规则，实现组件真正的独立性，大幅降低维护成本。
git checkout分类：前端
#用Vite插件系统为Vue 3项目打造自动化性能监控与错误追踪工具
本文介绍如何利用Vite插件系统，在Vue 3项目中实现自动化性能监控与错误追踪。通过虚拟模块注入、PerformanceObserver采集Core Web Vitals、全局错误捕获等技术，无需业务代码手动埋点即可监控LCP、FCP等指标及运行时错误。插件支持环境区分，生产环境注入监控代码，开发环境保持轻量，提升团队开发效率与线上问题排查能力。
git checkout
#Vue 3组合式API高阶模式：用自定义Composable封装复杂业务状态与副作用管理
从 Vue 2 的 Options API 切换到 Vue 3 组合式 API，最大的体会是终于不用在组件里来回翻同一份逻辑了。本文以购物车模块为例，展示如何用自定义 Composable 封装状态、计算属性和副作用，实现逻辑复用与关注点分离。包括自动同步 localStorage、定时器清理等实战技巧，帮你告别混乱的代码组织方式。
git checkout