这是Vue从入门到精通系列文章的第12篇，今天我们来说说虚拟DOM吧。 根据过去该系列文章的阅读数我发现，大家不太爱看有大段代码的文章，所以这次也就不做这一块的代码剖析，有兴趣的读者可下载源码慢慢品味。 什么是虚拟DOM? 怎么出现的？虚拟DOM也不是什么高大上的东西，它本质上就是个普通的 JavaScript 对象，它既不是什么高深的黑科技，也不是多此一举的冗余设计，而是前端工程师为了解决“原生

这是Vue从入门到精通系列文章的第11篇，今天来讲讲Vue2中已经弃用的一个特性–Mixin。Mixin 在Vue2 版本中扮演者非常重要的角色，很多 Hack 技巧和代码的复用上都依赖着Mixin。虽然 Vue3版本弃用了，但是，法拉利老了还是法拉利，一起来认识一下吧。 Mixin是什么咱们先说说Mixin到底是啥——它是面向对象编程里的一种类，里面装着能重复用的方法。其他类不用费劲继承这个Mi

不出意外这应该是2025年该公众号更新的最后一篇文章，在这里感谢大家的关注与陪伴。愿大家新的一年代码零 bug，接口全 200，升职加薪，一路开挂。 这是Vue从入门到精通系列文章的第10篇，在上一篇文章中讲了Vue中的nextTick的定义和几种使用场景，今天我们结合源码来说说nextTick的原理和实现。 nextTick 的源码在 Vue 项目的 /src/core/util/next-

这是Vue从入门到精通系列文章的第9篇，今天我们来讲讲Vue中的nextTick的定义和几种使用场景，下一篇单独开一篇讲解它的实现原理。 为什么我会对nextTick“情有独钟“呢，这里还有一个小故事。记得最早接触前端开发解除Vue的时候，由于自己属于看了2周Vue官方文档就开始写业务的半路出家和尚，编程能力属于菜狗都算不上那种。 有一次有个业务逻辑是需要再页面更新之后才进行数据变更的，当时哪知道

今天内容略粗糙（码字有点累），而且知识点有点多，不想看全文的可以直接看总结，浓缩的就是精华。 这是Vue从入门到精通系列文章的第8篇，今天我们来讲讲Vue面试必问的一个问题–Vue组件间通信方式都有哪些? 一、组件间通信的概念开始之前，我们先把“组件间通信”这个词拆开来理解： • 组件• 通信 我们都知道，组件是Vue最强大的功能之一，Vue中每一个.vue文件都可以视作一个独立组件。而通信

这是Vue从入门到精通系列文章的第7篇，今天我们来讲讲Vue中非常常见的一个问题：给对象添加属性之后页面没有刷新。 在Vue开发的时候，很多开发者都会碰到这样的问题：直接给响应式对象加新属性后，数据本身已经更新了，但页面却没跟着刷新。 这不是Vue的漏洞，而是它的响应式系统底层工作方式导致的。这篇文章会从问题根源入手，分别讲Vue2和Vue3两个版本的解决办法，还会补充一些常见的注意点。 核心

这是Vue从入门到精通系列文章的第6篇，今天我们来谈谈剖析一下Vue实例的生命周期。这里我们讲Vue2版本的，Vue3版本生命周期的解析我回放在Vue3对应的专题下面。 Vue2里的每个组件，都有一段从创建到销毁的完整“生命周期”。就像一个东西从生产出来到最终报废，不同阶段有不同的状态，Vue2在这些关键阶段都设置了“钩子函数”，让我们能在合适的时机做该做的事。 一、创建阶段：组件的“初始化”

大家好，我是jvxiao。 这是Vue从入门到精通系列文章的第5篇，今天我们来谈谈剖析一下Vue实例挂载过程中发生了什么。 Vue实例（也可以叫组件）的挂载，说到底就是把我们写的Vue代码，变成页面上能看到、能交互的真实元素的过程。这个过程看似复杂，其实一步步拆解开，都是很朴素的逻辑，尤其是我们常用的Vue 3（比如Nuxt 3背后的核心），挂载流程更是清晰明了。 一、创建应用实例在Vue 3里，

大家好，我是jvxiao。 这是Vue从入门到精通系列文章的第3篇，今天我们说的是Vue中的两个指令–v-show和v-if。 在 Vue 开发里，控制元素显示或隐藏是很常见的需求，而 v-show 和 v-if 就是专门干这个活的两个核心指令。它们俩目标一致，都是根据条件（比如一个布尔值、返回布尔值的表达式）来决定元素要不要“露脸”，但用法、原理和适用场景却大不相同。如果用错了，可能会影响页

大家好，我是jvxiao。 这是Vue从入门到精通系列文章的第3篇，今天我们来谈谈和Vue紧密相关的一个东西–SPA。此SPA非各位日常生活中的养生SPA, 而是单页面应用（Single Page Application）。 在现代前端开发中，单页面应用（SPA）已成为主流架构之一，Vue、React、Angular 等框架均以 SPA 为核心设计理念。它凭借流畅的交互体验、高效的资源利用，广泛应