全网整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
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。
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持!
# vue.js
# 双向绑定
# vue.js使用v-model指令实现的数据双向绑定功能示例
# 详解Vue.js之视图和数据的双向绑定(v-model)
# Vue.js第一天学习笔记（数据的双向绑定、常用指令）
# Vue.js每天必学之数据双向绑定
# 使用Vue.js实现数据的双向绑定
# 绑定
# 的是
# 可以使用
# 如何实现
# html
# lt
# brush
# xhtml
# DOCTYPE
# en
# meta
# charset
# lang
# UTF
# gt
# head
# class
# strong
# vue
# span
相关文章：
如何通过虚拟主机空间快速建站？
再谈Python中的字符串与字符编码（推荐）
如何选择网络建站服务器？高效建站必看指南
详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）
,柠檬视频怎样兑换vip？
如何快速搭建虚拟主机网站？新手必看指南
常州自助建站费用包含哪些项目？
移民网站制作流程,怎么看加拿大移民官网？
制作网站的模板软件,网站怎么建设？
学校建站服务器如何选型才能满足性能需求？
如何制作一个表白网站视频,关于勇敢表白的小标题？
建站主机SSH密钥生成步骤及常见问题解答？
如何确保西部建站助手FTP传输的安全性？
如何高效利用200m空间完成建站？
小型网站建站如何选择虚拟主机？
如何在阿里云虚拟服务器快速搭建网站？
如何快速生成凡客建站的专业级图册？
如何规划企业建站流程的关键步骤？
如何通过VPS建站无需域名直接访问？
网站制作公司,橙子建站是合法的吗？
如何用狗爹虚拟主机快速搭建网站？
如何在建站之星绑定自定义域名？
广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网？
齐河建站公司：营销型网站建设与SEO优化双核驱动策略
html制作网站的步骤有哪些,iapp如何添加网页？
哈尔滨网站建设策划,哈尔滨电工证查询网站？
,交易猫的商品怎么发布到网站上去？
网站制作服务平台,有什么网站可以发布本地服务信息？
建站之星如何实现网站加密操作？
专业网站制作企业网站,如何制作一个企业网站，建设网站的基本步骤有哪些？
大学网站设计制作软件有哪些,如何将网站制作成自己app？
长沙做网站要多少钱,长沙国安网络怎么样？
武汉网站制作费用多少,在武汉武昌，建面100平方左右的房子，想装暖气片，费用大概是多少啊？
如何通过多用户协作模板快速搭建高效企业网站？
湖南网站制作公司,湖南上善若水科技有限公司做什么的？
如何用西部建站助手快速创建专业网站？
相亲简历制作网站推荐大全,新相亲大会主持人小萍萍资料？
建站之星北京办公室：智能建站系统与小程序生成方案解析
建站之星伪静态规则如何正确配置？
定制建站流程步骤详解：一站式方案设计与开发指南
python的本地网站制作,如何创建本地站点？
官网网站制作腾讯审核要多久,联想路由器newifi官网
javascript中的try catch异常捕获机制用法分析
建站主机如何选？高性价比方案全解析
存储型VPS适合搭建中小型网站吗？
番禺网站制作公司哪家值得合作,番禺图书馆新馆开放了吗？
建站之星代理平台如何选择最佳方案？
建站主机选虚拟主机还是云服务器更好？
中山网站制作网页,中山新生登记系统登记流程？
建站之星后台密码遗忘或太弱？如何重置与强化？
*请认真填写需求信息，我们会在24小时内与您取得联系。
