我们的意图是 —— 监测app这个变量，并在函数中打下一个断点。 我们期待的是 —— 断点停下后，调用栈中出现相关的函数，提供我们分析watch原理的依据。 ... 看到需要经过这么多的调用过程，不禁心里一慌... 然而，如果你理解了上一篇关于computed的文章，你很容易就…

但是当我们打开 vue3 的源码之后你会发现，代码量是如此之多。这个源码到底该从何读起。虽然 vue3 代码的可读性是很高的，但是架不住代码量大呀！！！ 就是自己把功能实现一遍，这对于我自己的收获也是巨大的。因为你要想实现这个功能的话，你必须要先理解，然后才可以把代码写出来。 …

track会去查找最"新"的effect，然后保存住 obj<-->a<-->effect这三角恋关系。这个时候如果我更改了它：obj.a = 1，那么trigger会去找obj，a对应的effect是谁，找到之后重新运行这个effect保存的函数，这就是v…

watch我们每天都在用，你想知道它内部是怎么实现的吗？这篇文章会和你一起探讨并实现一个功能齐全的watch，并且在读取一个深层嵌套的对象时，我们将采用广度优先搜索的方式...

vue3.4后,在表单元素的双向绑定依旧是使用v-model,在自定义组件中使用v-model时,在子组件中直接使用defineModel就能读取和修改父组件中的值

一、前言 上一篇文章我们基本实现了 Vue3 的响应式原理，代码如下： 但是基于目前的代码还是无法实现这 Computed 计算属性。接下来，我们一步步完善代码，从而实现 Vue3 的计算属性。 二、

🐶先讲点废话 useUnmount，组件卸载时执行的 Hook，比如组件卸载时，需要清除定时器或者相关的监听，就可以使用useUnmount。 🦌来看看效果 可以看到，只有在子组件销毁时时，useUn

前言 我们经常会用到 Array 对象的 reduce 方法，把它用于做一些计算、或者数据组合，发现自己用了那么多年 reduce ，竟然还不是很了解它，最近才发现如果不传递初始值，它也可以正常进行，

5.1watch概述 5.2监听ref基本类型 5.3监听ref对象类型 5.4监听reactive类型 5.5监听对象属性 5.6监听多个数据 5.7解除watch监听 5.8watchEffect