最近在尝试解析 Vue 3.6 的源码，前些天从底层构建系统着手，辛辛苦苦分析了 Vue 是如何通过 Rollup 和 esbuild 来分别构建出生产环境、开发环境产物的，并精心沉淀出了第一篇技术文

命周期钩子是 Vue 组件从诞生到销毁的全过程记录。掌握生命周期，不仅能让我们在正确的时间点执行逻辑，更是优化性能、排查内存泄露的关键。

WebStorm更新到2024.2之后，自带的@vue/language-server也更新到了2.0.x，但是会提示报错无法使用，我的想法是更新到最新版本试试。

整体学习路线：简易弹窗 → 完善基础功能 → 组件内部状态管理 → 父→子传值 → 子→父传值 → 跨组件传值（最终目标） 步骤 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