整体学习路线：简易弹窗 → 完善基础功能 → 组件内部状态管理 → 父→子传值 → 子→父传值 → 跨组件传值（最终目标） 步骤 1：搭建最基础的弹窗（静态结构，无交互） 目标：实现一个固定显示在页面

前言：一个常见的反模式 在 Vue 开发中，我们经常会看到这样的代码： 这段代码看起来逻辑很清晰：遍历用户列表，只显示活跃用户。但是，Vue 官方文档明确不推荐这种写法。今天我们就来深入探讨为什么，以

基本介绍 在 Vue 3.2+ 版本中，我们可以直接在 <style>标签中使用响应式的 JavaScript 变量，这被称为 CSS 变量注入​ 或 v-bind in CSS。这个功能让我们能够：

开发Vue应用时，最怕什么？不是复杂的逻辑，也不是难调的样式，而是那些不知从哪个角落里突然蹦出来的运行时错误。你正在测试一个新功能，页面突然白屏，控制台里一串红色错误，你却像大海捞针一样，半天找不到问

组合式函数 组合式函数，本质上也就是代码复用的一种方式。 组件：对结构、样式、逻辑进行复用 组合式函数：侧重于对 有状态 的逻辑进行复用 快速上手 实现一个鼠标坐标值的追踪器。 多个组件中复用这个相同

前言 Vapor Mode 是 Vue 3.6 推出的一个新的高效渲染模式，它实现了无虚拟DOM并大幅度提升性能。 先了解下 Vue 各版本的渲染机制： Vue 1.0：直接操作真实 DOM。 Vue

你是不是经常在写 Vue 组件的时候，对着一个数据发愣？ 心里琢磨：“这个状态，是应该放在子组件里自己管，还是提到父组件那去？” 或者，眼看着 props 像传球一样，从爷爷组件传到爸爸组件，再传到儿

理解 Vue 的 this.$forceUpdate() 方法：原理与使用场景 在 Vue.js 的开发过程中，我们经常会遇到需要强制更新视图的情况。

Vue 项目上线前必查！8 个易忽略知识点，90% 开发者都踩过坑 最近最近接手了一个朋友的 Vue3 项目，改 bug 改到怀疑人生 —— 明明语法看着没毛病，页面就是不更新；父子组件传值偶尔失效；