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 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
- vue双向数据绑定的原理解密
- vue双向数据绑定的原理
- vue双向数据绑定原理
- Vue 双向数据绑定原理
- Vue实现双向绑定的原理以及响应式数据
- 【学习笔记】Vue中实现双向数据绑定的原理
- vue中数据双向绑定的实现原理
- Vue双向数据绑定原理分析
- Vue.js双向数据绑定原理
- vue实现数据双向绑定原理剖析
- Vue双向数据绑定原理解析
- vue.js双向数据绑定实现原理
- vue双向绑定原理
- vue开发:vue,angular,react数据双向绑定原理分析
- Vue.js双向绑定的实现原理
- 转-Vue双向绑定的原理
- Vue.js双向绑定的实现原理
- Vue的双向绑定原理及实现
- QDUoj GZS的三角形 棋盘里的数学 (数学规律题)
- Linux运维第三讲
- okhttp3带cookie请求
- 简单实例复习java面向对象
- 一个机器学习算法工程师的基本素质~
- vue双向数据绑定的原理解密
- IntelliJ IDEA 2016 注册码
- [inno setup]使用inno setup 打包exe学习入门之一
- scrapy爬取图片
- 变量
- Android监听Home键、锁屏、解屏(落雨敏详细讲解)附源码
- Nginx 添加SSL支持HTTPS后 脚本启动失败 Enter PEM pass phrase
- Linux文件目录
- 如何使用Linux的Crontab定时执行PHP脚本的方法