小伟子酱

上回说到在完成创建实例，给实例赋值后要创建一个effect，让render函数执行，这样render方法中拿到的数据就会收集这个effect，属性更新时，effect会重新执行，重新再次调用rende

当数据一变，就会触发对应的effect，然后重新调render重新渲染 第一步 首先我们需要处理一个事件里重复修改同一个值多次更新的问题，我们需要降低更新频率 我们在创建effect让render执行

如果被挂载过，也就是isMounted为true，触发effect的时候就会走组件更新的逻辑 diff算法就是比较两颗树的差异 第一步 我们先拿到老的的tree 然后把当前实例上的proxy数据传入r

前言 我们上回说到，当老的是数组，新的也是数组就会进行diff算法 第一步 将老的儿子和新的儿子以及比较的是哪个元素 第二步 Vue3并没有采用双指针，都是默认从头开始比对 情况1 先定义一个变量，值

前言 我们乱序比对的时候，会将节点全部的移动一遍，而我们希望尽可能少的移动，我们只需要找联系最长的，只需要动不连续的，这就是最长递增子序列 第一步 求最长递增子序列，vue3采用的算法是贪心+二分查找

effect effect方法是响应式的核心，叫做副作用函数。初始会默认执行时会进行取值操作，只要取值就会调用get方法，我们就可以将对应的effect函数存放起来，等会我们去更新effect函数内部

reactive    可以将一个对象编程响应式的，不管有多少层 shallowReactive   可以将一个对象编程响应式的，只管第一层 readonly   属性不能去更改，只能读，多少层都不能

JavaScript是一门完整的面向对象的编程语言，JavaScript在设计之初参考并引入了Lambda表达式、闭包和高阶函数等特性。而在JavaScript中的一些设计模式都依赖闭包和高阶函数来实

本文是 Vue 3.0 进阶系列 的第三篇文章，在阅读本文前，建议你先阅读 Vue 3.0 指令的本质是什么 和 Vue 3.0 $emit 之后发生了什么 这两篇文章。在看具体示例前，阿宝哥先来简单介绍一下双向绑定，它由两个单向绑定组成： 视图 —> 模型事件绑定。 而在表单…