在做项目的时候，经常会用到nextTick，它是用来操作DOM，简单理解它是放到异步后去执行的。 然而，Vue更新DOM是异步执行的，只要监听到数据变化，Vue开启一个队列，并缓冲在同一件事情循环中发生的所有数据变更。 所以得研究nextTick的执行原理。 看长篇大论视觉疲劳…

前言 组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第28天，点击查看活动详情 keep-alive可以实现组件缓存，当组件切换时不会对当前组件进行卸载。 主要是有include、ex

在日常开发过程中，我们经常会有选择日期和时间的需求，这时我们需要datepicker组件来帮助我们完成该需求。那么datepicker组件是如何实现的呢，下面我来带大家一起实现一个基于Vue的datepicker组件吧。 在Javascript中，Date是关于操作日期和时间的…

通过前面的文章，我们认识了页面的响应是由Vue实例里的data函数所返回的数据变化而驱动，也重点学习了页面的响应与数据变化之间是是如何来联系起来的，并且分别在Vue2.x与3.x中，从零到一实现了两个版本下的数据变化驱动页面响应原理。 接下来在本文里一起看看当数据变化时，从源码…

keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。 由于现在组件的keep-alive是动态根据路由元信息中的keep…

之前的章节，我们按照流程介绍了vue的初始化、虚拟Dom生成、虚拟Dom转为真实Dom、深入理解响应式以及diff算法等这些核心概念，对它内部的实现做了分析，这些都是偏底层的原理。接下来我们将介绍日常开发中经常使用的API的原理，进一步丰富对vue的认识，它们主要包括以下： 这…