Vue - 斑码工坊

Vue

研究完了 VUE 的响应式数据的部分后，实现了一个 RD （Reactive Data），可以认为是 VUE 的一个简单实现吧。

Vue

最后一个内容，inject 跨组件传递，让子孙组件直接获取父组件的数据，最后总结一下。

Vue

有了父子组件，那么父子组件之间的数据传递变的格外重要起来，本节，我们来看看如何给已实现的实例上加上 Props 。

Vue

一个完整的 VUE 已经实现，那么如何进行扩展呢？一个组件可以是另一个组件的扩展，这样组件就会变的丰富起来。

Vue

现在我们来一个个实现 VUE 中内容，这节，我们先来实现计算属性，Computed。

Vue

响应式数据和事件模型都已经实现，是时候将这一切聚合到一个统一的对象下了。对！这个对象就是 VUE。

Vue

一个简单的事件类在上一章就能实现，但那真的是最佳实现吗？

Vue

本章与响应式数据无关，主要研究了 VUE 中事件模型的实现，通过实现一个简单的事件对象让 VUE 实例拥有了响应事件的能力。

Vue

之前的文章中，完美处理的对象的函数依赖绑定，那么数组又该如何处理，数组并不是固定的键值存储方式，这种特殊的结构该如何处理呢？

Vue

现在万事具备，有了依赖管理，有了关联关系的抽象，那么只需要变量数据就好了，如何进行遍历呢，是否可以抽象成一个过程呢？

Vue

实现了 Watcher ，解耦了 Dep 与数据之间的关系，但是那个只是一个粗糙的实现，一个完美的 Watcher 该如何呢？

Vue

Dep 可以帮我们维护需要执行的队列，但我们却需要手动调用，如何解决呢？这就需要实现一个监听器，来统一协调数据和 Dep 之间的关联。

Vue

Vue 中的依赖收集和触发，在前一篇文章中，我们用一个数组实现了它，为了更方便使用，我们实现一个管理这些函数的类。

Vue

想要了解 VUE 是如何现实响应式，必须先要了解 defineProperty 作为 VUE 框架实现基础，我们先来看看该如何使用 defineProperty 。