Vue3原理解析

初始化阶段 首先调用createApp创建App,然后内部会返回mount函数 mount是用来将组件挂载到具体DOM上 会将用户传进来的数据转换成虚拟node,后面所有逻辑操作，都会在vnode上做

计算属性实现 计算属性内部执行流程 首先用户创建一个计算属性 内部计算属性进行构造函数初始化 因为考虑到计算属性内部匿名函数内当响应式数据发生变化需要调用getter函数计算最新值，所以采用React

什么是ref 对于基本数据类型来说，无法使用reactive来实现响应式，因为proxy接收是一个对象，而ref既可以支持一个对象又可以支持基本数据类型，调用ref后会返回一个对象，用户访问了ref.

代理嵌套实现 在这里当用户访问内部嵌套对象进行判断如果内部属性也是一个对象那么就会重新调用使他变成一个响应式对象，通过使用场景判断调用哪一个响应式方法是reactive 还是readonly isPr

reanonly isReactive isReactive：检查一个对象是否是由 reactive 创建的响应式代理。 采用枚举能够清晰表达维护性更强 通过访问该属性如果是一个普通对象那么肯定是un

深入实现effect相关功能 实现effect返回runner功能 effect(fn)执行会返回一个runner函数； 执行runner，相当于重新执行一遍

proxy vue3已经从Object.property更换成Proxy，Proxy相比于前者可以直接监听对象数组，对于深层次的对象和数组，会把触发对应getter，然后去递归进行依赖收集

在2022年年初自己花了2个多月时间学习vue源码，并自己学习实现minivue核心功能，看到自己掘金很久没写文章还是分享下，也算个成长

产生原因 什么是虚拟滚动？简单的说就是根据用户进行滚动的来加载更新DOM，这里我才用的是利用滚动事件动态更新DOM数据并动态设置padding-top与padding-bottom。 初始化 首先组件