Vue中 const a =ref('') a.value 是proxy 对象，我现在要修改，这个对象的set方法怎么做

Question

**Vue中 const a =ref({}) a.value 是proxy 对象，我现在要修改，这个proxy 对象的set方法怎么做 **

Answer 1

ECMAScript 没有直接访问proxy对象handler的方法，直接改vue生成的proxy应该不行。

ECMAScript provides no way to access the internal [[ProxyHandler]] nor [[ProxyTarget]] slots.

https://stackoverflow.com/questions/38385561/how-to-get-proxys-handler-from-proxy-object

要实现回退操作，有2种方法

1. 在修改a属性时手动添加对应的操作记录到历史操作数组。

2. 另外生成一个proxy监控同一个对象，通过这个proxy来生成操作记录，调用vue生成的proxy来更新对象属性值，这样触发vue的set监控实现dom更新

第二种方法示例如下，原生的js测试正常，vue生成的proxy应该也可以，不行只能按照第一种方法了

    let ops = [];
    let obj = {};
    const a = new Proxy(obj, {
        set: function (target, key, value, receiver) {
            console.log('set obj by vue');
            target[key] = value;
        }
    })// ref({});
    let proxy = new Proxy(obj, {
        set: function (target, key, value, receiver) {
            //按照上个示例生成操作记录
            a[key] = value;//这里调用vue的proxy对象来更新obj并且触发set监控
        }
    });