用js实现一个简单的mvvm

这里利用的object.defineproperty() 方法;

<input     id='input'>
<p id='p'><p/>
js:

const data={};

const input=document.getElementById("input");

const p=document.getElementById("p");

Object.defineProperty(data,"text",{

set(value){

input.value=value;

this.value=value;

p.innerHTML=value;

}

})

input.οnkeyup=function(e){

data.text=e.target.value;

console.log(data)

}

效果：

 

 
以上  

 

转载于:https://www.cnblogs.com/liuxin-673855200/p/10005779.html