<div>
<input type="text" id="input" />
<div id="txt"></div>
</div>
let obj = {//相当于vue里面的data
content:''
};
// 获取页面中的元素
let getInput = document.getElementById("input");
let txt =document.getElementById('txt');
getInput.oninput = function() {// 实时监听获取用户输入的内容,赋值给对象的content值
obj.content = this.value;//反馈给Object.defineProperty(),此时会触发其中的set方法
};
Object.defineProperty(obj, "content", {
set(val){// 实时监听获取用户输入的内容
getInput.value = val;
txt.innerHTML=val;
console.log(txt.innerHTML)
},
get(){//get与set方法不是必须成对出现的,任意其一即可
}
});
v-model原理
最新推荐文章于 2024-02-27 16:07:36 发布