vue3面试题，JavaScript面试题
需积分: 1 161 浏览量
2023-06-25
08:37:50
上传
评论
收藏 30KB DOC 举报
一、Vue.js 3.0 响应式系统的实现原理？
1.reactive
设置对象为响应式对象。接收一个参数，判断这参数是否是对象。不是
对象则直接返回这个参数，不做响应式处理。
创建拦截器 handerler，设置 get/set/deleteproperty。
get
收集依赖（track）；
如果当前 key 的值是对象，则为当前 key 的对象创建拦截器
handler, 设置 get/set/deleteProperty；
如果当前的 key 的值不是对象，则返回当前 key 的值。
set
设置的新值和老值不相等时，更新为新值，并触发更新（trigger）。
deleteProperty
当前对象有这个 key 的时候，删除这个 key 并触发更新（trigger）。
2.effect
接收一个函数作为参数。作用是：访问响应式对象属性时去收集依赖
3.track
接收两个参数：target 和 key
� 如果没有 activeEffect，则说明没有创建 effect 依赖
资源评论
