vue

在 Vue 开发中，你是否使用过： 本文将从 源码级 mergeOptions 到 实战合并规则，彻底解析 Vue 组件选项的合并逻辑。 一、核心概念对比 特性 mixins extends 类型 数

在 Vue 开发中，你是否曾纠结过： 从结果上看，两者似乎都能实现相同功能。但性能和语义上却天差地别。 本文将通过代码示例、性能对比和原理剖析，彻底讲清 computed 与 methods 的核心差

在 Vue 开发中，你是否遇到过这样的“诡异”现象？ 这背后隐藏着 Vue 响应式系统的根本限制。 本文将从 Object.defineProperty 的缺陷 到 Vue 3 的 Proxy 革命，

在 Vue 开发中，v-if、v-show、v-html 是我们每天都在使用的指令。 但你是否思考过： 本文将带你深入 Vue 源码，从编译到渲染，彻底解析这三大指令的工作原理与性能差异。 一、v-i

在 Vue 开发中，你是否思考过： 这背后是 Vue 对数组方法的精妙劫持与增强。 本文将从 Object.defineProperty 的局限 到 Vue 源码级实现，彻底解析 Vue 数组响应式的

在开发中，你是否遇到过这些“意外”？ 这些问题的根源，都是事件流控制不当。 Vue 提供了强大的 事件修饰符（Event Modifiers），让你无需在方法中写 event.stopPropagat

在 Vue 开发中，你是否遇到过这样的需求？ 这就是 Slot（插槽） 的核心价值。 本文将深入讲解 Vue 插槽的三类用法、核心原理和实际应用场景，助你打造真正灵活的可复用组件。 一、什么是 Slo

在启动新项目时，你是否纠结过： 本文将从 用户体验、性能、SEO、开发模式 四大维度，全面解析 Vue 单页（SPA）与多页（MPA）应用的核心差异。 一、核心概念对比 维度 单页应用 (SPA) 多

在 Vue 开发中，computed 和 watch 是两个最常用的数据响应式工具。 但你是否也曾在以下场景中犹豫： 本文将从原理、特性、性能、适用场景四个维度，彻底讲清 computed 和 wat

Vue 的 双向数据绑定 是其最核心的特性之一。 你只需在 <input v-model="message"> 中绑定一个数据，输入框的值变化时，message 自动更新；反之，message 变化时

v-model 不仅限于原生表单元素，它同样可以优雅地应用于自定义组件。 但你是否遇到过这些问题？ 本文将手把手教你如何在自定义组件中实现 v-model，并深入其工作原理。 一、v-model 的本

当你写下： Vue 内部究竟发生了什么？ 本文将带你深入 Vue 编译器核心，揭秘 Template → AST → Render 函数 的完整链路。 一、核心流程：三步编译流水线 二、第一步：par

在开发中，你是否经常遇到这样的需求？ 传统做法是： 但这样会让组件逻辑变得臃肿。 Vue 过滤器（Filters） 正是为这类场景而生的解决方案。 一、什么是过滤器？ ✅ 定义 过滤器（Filter）

在 Vue 开发中，v-if 和 v-show 都能实现“条件显示”，但它们的底层机制、性能表现、适用场景截然不同。 选错一个，可能导致： 页面卡顿（频繁切换 v-if） 首屏加载变慢（大量 v-sh

在 Vue 开发中，你是否遇到过： keep-alive 就是解决这些问题的“银弹”。 它能缓存组件状态，避免重复渲染，大幅提升用户体验。 但你是否真正理解： keep-alive 缓存的是什么？ 它

Vue 3 发布后，一个核心升级就是用 Proxy 取代了 Object.defineProperty 来实现响应式。 为什么 Vue 团队要“推倒重来”？ 因为 Object.definePrope

在开发复杂单页应用（SPA）时，你是否遇到过这些痛点？ 本文将系统性地讲解 Vue 中保持页面状态的 4 大策略，覆盖组件卸载与不卸载两种场景，助你打造丝滑的用户体验。 一、核心思路：状态持久化的两大

在 Vue 开发中，你是否写过这样的代码： 这背后是 Vue 异步更新队列的精妙设计。 本文将从 事件循环 到 源码级实现，彻底解析 Vue 为何不立即渲染。 一、核心结论 二、为什么异步更新？ ✅