一、先明确核心结论 keep-alive 是 Vue 内置的抽象组件（不渲染真实 DOM），它的核心作用是缓存被包裹的组件实例，缓存的关键数据结构如下： 缓存容器：keep-alive 实例上的 th

Proxy拦截对象操作，Reflect安全执行，这对JS黄金搭档让对象监控更优雅高效！但很多人却忽略了这对“黄金搭档”。今天咱们就来说一下他们俩个！

本文深度剖析 Vue 2 与 Vue 3 在性能、响应式原理、Composition API、虚拟 DOM 等 12 个核心模块的本质区别。我们不止步于 API 变化，更带你理解底层设计思想的演进。

引言 在JavaScript的元编程领域，Proxy和Object.defineProperty是两大核心机制，赋予开发者对对象行为的深层控制权。Object.defineProperty作为ES5的

如果你用过Vue，你一定对它那响应式系统印象深刻。你只需要在<script>里修改一个数据，template里对应的视图就会自动更新。 整个过程很丝滑流畅。 但作为工程师，我们都知道，它正是Vue框架

万字长篇解析VueX状态管理工具的使用，组件间数据共享的问题，Vuex的核心state、getters、action，modules，使用规范，vuex和组件间通信对比，Vuex面试点详细讲解

1. 概述 名称 $route $router 含义 当前活跃路由的对象，包含与路由相关的信息（只读）。 路由实例对象，包含导航的方法和全局路由配置。 类型 是一个路由对象，表示当前路由的状态和信息。

引言 在 Vue 开发中，我们经常遇到这样的场景：修改数据后，需要立即操作更新后的 DOM，却发现获取到的仍然是旧的状态。这种问题源于 Vue 的异步更新机制——Vue 不会在数据变化时立即更新 DO

掌握 new Vue 之后的完整调用链，等价于把 Vue 2 运行时拆解成五个子系统：选项合并、响应式追踪、异步调度器、虚拟 DOM 运行时、生命周期信号。