您的位置：首页 > 产品设计 > UI/UE

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

2017-01-19 14:13 806 查看

<!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，我来自云南，..."

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航