vue3.0의proxy 내층 귀속 원리 분석

    
    




<br>    var oInput = document.getElementById('one');<br>    var oHtml = document.getElementById('two');<br><br>    // <br>    var data = {<br>        text:'hello world'<br>    };<br>    /***<br>     * target    data<br>     * prop    data  text<br>     * value    data.text 'hello world'<br>     * @type {{set: handler.set}}<br>     */<br>    var handler = {<br>        set:function(target,prop,value){<br>            if(prop == 'text'){<br>                target[prop] = value;<br>                oInput.value = value;<br>                oHtml.innerHTML = value;<br>                return true;<br>            }else{<br>                return false;<br>            }<br>        }<br>    };<br>    oInput.addEventListener('input',function(e){<br>        myText.text = e.target.value;// myText <br>    },false);<br>    // proxy <br>    var myText = new Proxy(data,handler);</pre> 
 <pre>    // </pre> 
 <pre>    myText.text = data.text;<br>