保藏本站 保藏本站
188bet注册网主页 - 软件测验 - 常用手册 - 站长东西 - 技能社区
主页 > JavaScript > JavaScript技巧 > 正文

主页 - PHP - 数据库 - 操作体系 - 游戏开发 - JS - Android - MySql - Redis - MongoDB - Win8 - Shell编程 - DOS指令 - jQuery - CSS款式 - Python - Perl

Access - Oracle - DB2 - SQLServer - MsSql2008 - MsSql2005 - Sqlite - PostgreSQL - node.js - extjs - JavaScript vbs - Powershell - Ruby

vue.js运用defineProperty完成数据的双向绑定

vue.js怎样完成数据的双向绑定呢?

与angular不同。

vue运用的是es5的defineproperty特性。

1.一个小比如

<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title></title>
</head>
<body>
<input type="text" id="demo">
<p id="display"></p>
<script>
  var obj={};
  var bind=[];
  //触发obj目标set和get办法的时分,趁机来输出或修正bind数组的内容
  Object.defineProperty(obj,'s',{
    set:function(val){
      bind['s']=val;
    },
    get:function(){
      return bind['s'];
    }
  })
  var demo=document.querySelector('#demo');
  var display=document.querySelector('#display');
  //#demo的value值与bind['s']绑定,#display的innerHTML也与bind['s']绑定。
  demo.onkeyup=function(){
    obj['s']=demo.value;//触发了obj的set办法,等于#demo的value值赋值给bind['s']。
    display.innerHTML=bind['s'];
  }
</script>
</body>
</html>

完成作用:

检查图片

2.兼容性

形似es5的语法在IE9以下的浏览器不能兼容。所以vue只能兼容ie9以上的浏览器了。

能够运用es5的兼容库:es5-shim。

以上便是本文的全部内容,期望本文的内容对我们的学习或许作业能带来必定的协助,一起也期望多多支撑188bet注册网!

Angular2下运用pdf插件的办法详解
前语最近由于作业的原因,需求在Angualr2建的项目里做一个pdf显现的功用,在网上找了个插件,不过由所以第一次运用额定插件,在用的时分遇到了一些

Vue.js教程之axios与网络传输的学习实践
前语在学习了之前的路由vue-router和状况办理vuex之后,就应该是网络交互了。就学习尤大引荐的axios了。刚好自己对网络恳求这块除了会get、put、post和del

Vue开发中整合axios的文件收拾
前语我们在vue日常开发中,不可避免要整合axios,这儿简略记载一下整合中的文件,便利今后运用查找。下面来看看具体的介绍。整合办法整合文件axios.

本周排行

更新排行

强悍的草根IT技能社区,这儿应该有您想要的! 友情链接:b2b电子商务
Copyright © 2010 touzhuwang75.com. All Rights Rreserved  京ICP备05050695号