Vue数据的双向绑定是通过Object.defineProperty来实现,今天我就来写一个简单的数据绑定,废话不多说,上代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<input type="text" id="input" onchange="inputChange" />
<h2 id="h2"></h2>
</body>
</html>
<script>
let data = {}
Object.defineProperty(data, "a", {
set: newVal => {
document.getElementById('input').value = newVal
document.getElementById('h2').innerHTML = newVal
}
})
document.getElementById('input').onkeyup=function(e){
data.a=e.target.value
};
data.a=""
</script>
这是一个比较简单的数据绑定,后续在为大家来一个完整版的,
如果你看到这篇文章,麻烦动一动您的金手指,点个赞关注一下再走
最后祝各位码友身体健康,恭喜发财,