设计原理

Vue.observable，让一个对象变成响应式数据。Vue 内部会用它来处理 data 函数返回的对象。

diff是什么？先说一下Vue的响应式。Vue的template会转换成render函数，render函数会返回VNode。VNode是一个js对象，是对真实Dom的映射。Vue会通过Object的defineProperty或者Proxy监听js对象的变更，当数据变更后，需要更新到真实Dom上。如果每次都从0开始重新渲染，那会有较大损耗，可能有部分组件根本不需要更新。为了提高渲染的效率，就需要找到一个最高效的渲染方式。diff就是为了对比新的VNode和旧VNode的差异，实现最小化的更新。在vue里面 diff 算法是通过patch函数来完成的，所以有的时候也叫patch算法。

react的数据主要来源于props和state，state作为内部数据，其变更更新频繁，也更容易出问题，这里主要介绍state相关的一些特性。

Vue2常用技巧。

if else、switch case 是日常开发中最常见的条件判断语句，这种看似简单的语句，当遇到复杂的业务场景时，如果处理不善，就会出现大量的逻辑嵌套，可读性差并且难以扩展。

介绍 vue3 的新特性，以及项目开发过程中的差异

这篇文章探讨了React元素、子组件与父组件之间的关系，以及它们是如何影响重新渲染的。这里的子组件或许会有一些烧脑。

今天来讲一讲React组件间的通信，看看都有哪些方式。