vue双向数据绑定的原理解密

来源:互联网 发布:禅道数据库逻辑模型 编辑:程序博客网 时间:2024/04/26 14:26
<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
<div>
    <p>你好,<span id='nickName'></span></p>
    <div id="introduce"></div>
</div> 
  
</body>

</html>


var userInfo = {};
Object.defineProperty(userInfo, "nickName", {
    get: function(){
        return document.getElementById('nickName').innerHTML;
    },
    set: function(nick){
        document.getElementById('nickName').innerHTML = nick;
    }
});
Object.defineProperty(userInfo, "introduce", {
    get: function(){
        return document.getElementById('introduce').innerHTML;
    },
    set: function(introduce){
        document.getElementById('introduce').innerHTML = introduce;
    }
})
userInfo.nickName = "jack";
userInfo.introduce = "我是jac,我来自云南,..."

0 0
原创粉丝点击