YIFEI

自定义`hook`函数类似与封装一个可复用的组件，只不过它是一个函数，封装的是一个可复用的函数功能，与Vue2中的`mixin`类似。下面通过一个例子就可以很好理解它了

Vue3生命周期与Vue2基本相同，都可以通过配置项去使用生命周期钩子，但流程设计上有了一些区别，一些钩子名称发生了变化，并且Vue3可以通过组合式API形式去使用生命组件钩子，下面与小编一起探讨一下

Vue2实现响应式原理使用的是Object.defineProperty()对对象中某个属性的读取、修改进行拦截，存在新增和删除缺陷。而Vue3实现响应式原理使用的是Proxy代理，拦截对象中任意属性

在Vue3中setup被称为组合式API表演的舞台，可见其重要性与地位，在小编第一篇中浅谈过setup的使用，这节可以进阶学习一下setup中两个注意点：执行时机以及其参数

Vue3中的计算属性computed和监视watch与Vue2中的配置功能一致，但监视watch在用的时候却存在两个小坑，而且Vue3出现了watchEffect函数，能够更智能化去监视一个对象

Vue3中实现数据响应式，用到的是组合式API中的`ref`和`reactive`函数，不同的是`ref`函数一般定义基本类型数据，而`reactive`函数用于定义一个对象类型的响应式数据

JSX是一种语法糖,在编译过程中会通过babeljs转译成React.createElement语法 React.createElement会返回一个React元素

React推出三种定义组件的方式：函数式、es5、es6。这三种方式有什么联系和区别，以及我们手写如何实现，将在本文

状态更新引起组件更新，本文将依次从以下五个阶段依次实现setState() --> 实现状态更新器 --> 实现组件更新 --> 实现事件绑定 --> 实现异步