Vue3源码系列之reactiveApi实现-01

• reactive    可以将一个对象编程响应式的，不管有多少层

• shallowReactive   可以将一个对象编程响应式的，只管第一层

• readonly   属性不能去更改，只能读，多少层都不能改

• shallowReadonly    既能读还只关系第一层，除了第一层，其它随便改

• 根据传参不同，实现不同的功能，为reactive 、shallowReactive 、readonly  、shallowReadonly提供基础功能，这四个api通过传参不同实现各自的功能
• 第一个参数是这个目标，是否仅读，每个方法的handlers

• es6语法
• 后续Object上的方法，会被迁移到Reflect上
• 以前target[key] = value 方式设置值可能会失败，因为有些属性可能是只读的，这种情况下并不会报异常，也没有返回值表示，而Reflect会把设置成功与否的状态返回回来，boolean类型，也就是Reflect具备返回值

• 如果判断不是仅读的，要收集依赖，等会数据变化后更新对应的视图
• 判断如果是浅的就直接返回
• 如果res是对象，就要考虑一下是不是仅读的，就处理成仅读的，否则处理成响应式

Vue3源码系列之reactiveApi实现-01

原文：https://www.cnblogs.com/tengfeiS/p/15250248.html