我们只会在 Observer 类 和 defineReactive 函数中实例化 dep。在 getter 方法中依赖收集，在 setter 方法中派发更新通知

面试中为什么会问Vue源码，很多人一般都这个疑问，Vue源码在平常工作中几乎很少使用到，而Vue的API在工作中经常用到。会用Vue的API不就可以满足工作岗位的需求。这岂不是面试造火箭，工作拧螺丝嘛。其实不是真正要问你Vue源码，只是借助Vue源码来考核你的JavaScrip…

Vue有两个核心思想，一个是数据驱动，简单来说就是通过模板和数据渲染成最终的 DOM ，具体是如何实现在上一篇🚩Vue源码——模板和数据如何渲染成最终的DOM中详细地介绍过了。 另外一个是组件化，谓组件化，就是把一个页面拆分成多个组件，这些组件是独立的，可复用的，可嵌套的，等…

在动态删除v-for渲染的列表的过程中，如果key指定为index，则可能出现渲染错乱的问题。比如，你的列表有两行，你明明删了第一行，结果却是第二行消失了。 问题源于key的重复，假设你的列表有两行，当你删了第一行，那么第二行的key就变成了第一行的key，这两个key是相同的…

这是我参与11月更文挑战的第24天，活动详情查看：2021最后一次更文挑战 在Vue初次渲染过程中有一个比较关键的概念：渲染Watcher，其主要是负责视图的更新，是之后响应式中data和视图之间的核

js运行机制 ✅（1）所有同步任务都在主线程上执行，形成一个执行栈（execution context stack）。 ✅（2）主线程之外，还存在一个"任务队列"（task queue）。只要异步任务

Vue通过数据侦测机制感知状态的变化，上一篇《Vue如何实现数据侦测》有提到Watcher对象，那么Vue在何时创建Watcher，如何通过Scheduler来调度Watcher队列？

我们都知道 Vue 对于响应式属性的更新，只会精确更新依赖收集的当前组件，而不会递归的去更新子组件，这也是它性能强大的原因之一。 我们在触发 this.msg = 'Hello, Changed~'的时候，会触发组件的更新，视图的重新渲染。 但是 <ChildComponent…

想必大家对dep收集watcher的作用有一定了解，此文章将回顾依赖收集的过程，但是会重点分析分析为何watcher还会收集dep。