vue3

在构建 Web 应用时，我们常常需要回答一个问题：用户是否已经真正离开了当前页面？ 这不仅是埋点统计的需求，更关系到： 视频/音频是否该彻底停止？ 聊天室是否要标记用户离线？ 未保存的草稿是否该自动暂

上周，我们收到用户反馈：“你们的后台系统，用一天后 Chrome 占了 4GB 内存！” 打开 DevTools 的 Memory 面板，一拍快照—— 已分离的 DOM 节点（Detached DOM

上个月，我们重构一个老项目，发现一个“祖传组件”： 父组件传 props 给子组件 子组件再传给孙子 孙子改了个状态，通过 $emit 一层层往上抛 中间任意一层改名，整条链就断了…… 同事苦笑：“这

上周 Code Review，我看到同事写了这样一段代码： 乍看没问题，但一运行**——页面卡顿、watch 失效、调试器里数据对不上……** 问题出在哪？ 不是逻辑错，而是响应式对象的“组合方式”错

前端这两年有一个明显趋势： 用编译优化彻底消灭运行时开销。 从 Rust 重写工具链，到服务端组件，底层正在被全面 "静态化" 。 而这一次，轮到了 Vue。 一个正在快速演进的技术 ——Vapor

在 Vue 开发中，官方文档里的核心 API 固然常用，但还有不少“隐藏款”或“轻量级”技巧，既能减少冗余代码，又能提升性能，却被 90%以上的开发者忽略。本文共 10 个 Vue 技巧覆盖了模板优化

1. 利用 v-bind="attrs"和 v−on="listeners" 简化组件通信 在开发复杂组件时，我们经常需要传递大量属性和事件。使用 v-bind="$attrs" 和 v-on="$l

在 Vue 3 中，toRefs 和 toRef 是两个用于处理响应式引用（Reactive references）的方法

【ref和reactive】Vue3中的ref和reactive都是响应式的数据类型，它们都可以用来创建响应式的数据

在 Options API 中，我们使用 this 来访问组件实例，但在 Composition API 中，我们使用 setup 函数来定义组件的逻辑，而不是使用 this

最近学习vue3，但一直没进行总结和记录，忙里偷闲整理整理一套vue3专栏的学习笔记，正好记录一下，按照我的学习笔记让你开启vue3之旅吧！