vue源码解读(一)
1.Object.defineProperty的深入简出
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
<input type="text" id="demo" />
<div id="xxx"></div>
<script type="text/javascript">
const obj = {};
Object.defineProperty(obj, 'name', {
set: function(value) {
console.log(value)
document.getElementById('xxx').innerHTML = value;
document.getElementById('demo').value = value;
}
});
document.querySelector('#demo').oninput = function(e) {
obj.name = e.target.value;
}
obj.name = '';
</script>
</body>
</html>
网友评论