Vue3源码系列

前言 Hello~大家好。我是秋天的一阵风 在上一篇文章中，我们介绍了 Vue Router 的基本用法，并且开始探究它的实现原理.知道了在history模式下，Vue Router 是利用浏览器的

前言 Hello~大家好。我是秋天的一阵风 开始本篇的内容之前，我们先引出一个问题， 什么是SPA? SPA 全称是Single Page Application ，也就是单页面应用。单页面应用是一种

前言 Hello~大家好。我是秋天的一阵风 在 Vue.js中，一个组件实例在被替换掉后会被销毁。这会导致它丢失其中所有已变化的状态——当这个组件再一次被显示时，会创建一个只带有初始状态的新实例。 在

前言 Hello~大家好。我是秋天的一阵风 有时我们可能会遇到这样的场景：一个组件模板的一部分在逻辑上从属于该组件，但从整个应用视图的角度来看，它在 DOM 中应该被渲染在整个 Vue 应用外部的其他

前言 Hello~大家好。我是秋天的一阵风 在日常开发或者面试中经常会提到一个问题：什么是双向数据绑定？ 很多同学就会开始侃侃而谈，比如说： "Vue对数据进行了响应式处理，当数据改变时，页面也会重新

前言 Hello~大家好。我是秋天的一阵风 在Vue中我们知道组件是可以能够通过 props接收任意类型的 JavaScript 数据，那么如果我想往组件传递一个模板内容可不可以呢？答案当然是可以的。

前言 Hello~大家好。我是秋天的一阵风 对于指令，相信大家都不陌生。指令是带有 v- 前缀的特殊 attribute，用于扩展 HTML 元素的行为。比如我们经常使用的 v-if, v-for,

前言 Hello~大家好。我是秋天的一阵风 在构建现代前端应用时，组件化开发已成为主流趋势，而在Vue.js这类框架中，组件之间的通信至关重要， props作为父组件向子组件传递数据的主要方式之一，其

前言 Hello~大家好。我是秋天的一阵风 Vue 3 中的 provide 和 inject 是一种组件间通信的方式，它们允许跨越多个组件层级传递数据，而不需要直接父子关系。这种方式特别适用于那些需

前言 Hello~大家好。我是秋天的一阵风 在 Vue 3 中，生命周期钩子函数被重新设计以适应 Composition API ， Composition API 提供了一种更灵活的方式来组织和重用

前言 Hello~大家好。我是秋天的一阵风 上一篇中，我们讲解了 计算属性computed的实现原理，知道了 计算属性computed有两大特点：延迟求值与缓存 以及其内部是如何实现的。在本篇文章中，

theme: smartblue highlight: nord 前言 Hello~大家好。我是秋天的一阵风 在上一课中，我们探讨了响应式机制的基本原理。现在，我们将转向一个在 Vue.js 开发中极

前言 Hello~大家好。我是秋天的一阵风 本篇文章是vue3源码探秘系列的第五篇，前面四篇主要都是围绕着组件初始化、组件渲染、组件更新等方面来探讨。 想必大家也是等不及了希望能马上学习vue3中最最

前言 Hello~大家好。我是秋天的一阵风 在前两篇的文章中我们探究了当数据改变引发组件进行更新时会发生哪些事情，由此还引申出了vue3的diff算法。本篇我们将继续探究vue3源码中组件的初始化过程

前言 Hello~大家好我是秋天的一阵风 上一篇我们提到了，普通元素在进行更新的时候有九种情况，其中最后一种最为复杂，也是我们今天要探究的内容：diff算法。 新子节点数组相对于旧子节点数组的变化，无

前言 Hello~大家好我是秋天的一阵风 在上一篇vue3源码探秘中，我们学习了vue组件渲染页面的流程，也就是vnode虚拟结点如何转换成页面上的真实dom元素。上一篇中我们只探索了组件挂载流程的源

前言 在浩如烟海的网络世界中，关于Vue3源码的文章比星星还多，但让人哭笑不得的是，大部分文章都在讲数据响应式。这种情况让人误以为，Vue3的全部秘密就藏在响应式里面，仿佛一旦你掌握了这门黑魔法，就可