JavaScript原生之双向绑定（proxy）

<div> 
   <input id="input" type="text" />
   <span id="app">暂无数据</span>
</div>

以上为html代码

var obj = {
	   text:'hello world!'
	};
let app = document.getElementById('app')
let input = document.getElementById('input')
let proxy = new Proxy(obj,{
      set:function(target,prop,value){
		target[prop] = value
		update(value)
	  }
    })
function update(value){
    app.innerHTML = value
    input.value = value
}

input.addEventListener('input',function(e){
     proxy.text = e.target.value;
})
proxy.text = obj.text	

以上为javascript代码

vue3中采用proxyAPI实现双向绑定