这是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 为核心设计理念。它凭借流畅的交互体验、高效的资源利用，广泛应

大家好，我是jvxiao。 这是Vue从入门到精通系列文章的第2篇，今天我们来讲一讲Vue中一个非常核心的概念–双向绑定 本文将从概念本质、底层原理出发，结合完整实现逻辑，带大家全面拆解Vue双向绑定的核心机制。 一、核心概念：从单向绑定到双向联动要理解双向绑定，首先要明确其与单向绑定的关联与区别——双向绑定是单向绑定的延伸与闭环，而MVVM架构则为这种闭环提供了理论支撑。 单向绑定的基础逻辑单向

大家好，我是jvxiao。 在上一个JavaScript ES6进阶系列文章从简单的let, const一路讲到了日常开发较少使用的Decorator，很多文章也收到了很多各位读者喜欢和推荐，在这里感谢各位读者朋友的支持。 在过去一周中，没有更新新的文章，这是因为我在准备一个新的文章系列–Vue从入门到精通。这一系列文章大概在30篇左右，将涵盖Vue框架中众多核心知识，并会进行适当的源码解读，希望

这是JavaScript进阶系列文章的第11篇文章, 今天我们来讲讲装饰器(Decorator)，内容有点长，代码有些多，坐稳发车了。 在前端开发中，我们常面临这样的困境：如何在不修改原有代码的前提下，为类、方法或属性添加日志、权限校验、缓存等通用功能？ 如果直接在业务逻辑中嵌入这些辅助代码，会导致核心逻辑与通用逻辑耦合，代码可读性和可维护性大幅下降。而 ES6 提案中Decorator(装饰器