正在回答 回答被采纳积分+1
1回答
好帮手慕慕子
2022-06-06 15:36:25
同学你好,问题解答如下:
1、Proxy是js中提供的一个方法,可以理解为在目标对象前设置了一层拦截,外界访问该对象,都必须经过这层拦截,所以使用了这种机制,可以对外界的访问进行过滤和改写,从而实现当数据变化时,触发模板等内容的更新。
简单了解下基本使用方式,不理解也没关系,目前重点是记住ref和reactive的使用。示例:
// 目标对象 const target = {id: "target"} // 创建Proxy实例 const p = new Proxy(target,{ get() { return "test" }, set() { console.log('set') } }) // 设置id的值 p.id = "t" // 触发set方法,输出set
Proxy构造函数接收两个参数,第一个参数就是要代理的目标对象,第二个参数就是一个配置对象,对于每一个被代理的对象,可以提供一个相应的处理函数,该函数拦截对应的操作。
2、proxy({value:'dell'}) 这种形式可以理解为是固定的形式,因为vue提供的ref方法,在底层源码实现时结合Proxy构造函数进行了封装处理,所以使用调用ref方法,会对传入的参数dell进行处理,最终返回结果为proxy({value:'dell'}) ,表示该数据是响应式的。
祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星