<div>
<input id="aa" type="text" />
<span id="bb">暂无数据</span>
</div>
以上为html代码
var obj = {};
Object.defineProperty(obj,'test',{
set(val) {
document.querySelector('#aa').value = val;
document.querySelector('#bb').innerHTML = val;
}
})
console.log(document.querySelector('#aa'));
document.querySelector('#aa').onkeyup = function(e) {
obj.test = e.target.value;
}
以上为JavaScript代码
vue2中采用Object.defineProperty实现双向绑定
JavaScript原生之双向绑定(Object.defineProperty)