码迷,mamicode.com
首页 > 其他好文 > 详细

MVVM核心实现代码(简易实现)

时间:2016-10-26 19:34:43      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:var   cti   简易   htm   utf-8   efi   代码   code   color   

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>MVVM</title>
 6 </head>
 7 <body>
 8     <input id="user.name" type="text" > 姓名
 9     <input id="user.age" type="text" > 年龄
10     <script type="text/javascript">
11         function User(){
12             var user = this;
13             var u_name = document.getElementById(‘user.name‘);
14             var u_age = document.getElementById(‘user.age‘);
15             u_name.addEventListener(‘change‘, function(){ user.name = this.value; });
16             u_age.addEventListener(‘change‘, function(){ user.age = this.value;  });
17             Object.defineProperties(user,{
18                 name : {
19                     get : function(){ return name; },
20                     set : function(new_name){ name = new_name; u_name.value = name; }
21                 },
22                 age : {
23                     get : function(){ return age; },
24                     set : function(new_age){ age = new_age; u_age.value = age; }
25                 }
26             });
27             return user;
28         };
29         var user = new User();
30         user.name = ‘覆水难收‘;
31     </script>
32 </body>
33 </html>

 

MVVM核心实现代码(简易实现)

标签:var   cti   简易   htm   utf-8   efi   代码   code   color   

原文地址:http://www.cnblogs.com/litaiqing/p/6001288.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!