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

1325 단어






<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>

좋은 웹페이지 즐겨찾기