蒲公英联盟提供ghost win10,ghost win7,xp,装机纯净版,64位旗舰版,绿色软件,免费软件下载基地!

当前位置:快三内蒙古专家推荐 > 教程 > 服务器类 >

内蒙古快3综合走势图:data: {message: 'Hello World'

来源:蒲公英系统┆发布时间:2018-10-30 09:03┆点击:

快三内蒙古专家推荐 www.btfqn.cn 1、使用v-model指令,使得视图和数据实现双向绑定。v-model主要用在表单的input输入框,完成视图和数据的双向绑定。

2、JavaScript代码

<script type="text/javascript" src=//www.3lian.com/edu/2017/06-24/"../js/vue-1.0.21.js"></script> <script type="text/javascript"> window.onload = function() { vm = new Vue({ el: '#app', data: { message: 'Hello World', } }); } </script>

3、Html的页面代码

<div id="app" class="container"> <input type="text" v-model='message'/> <input type="text" v-model='message'/> <br /> {{message}} </div>

4、完整的代码

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href=//www.3lian.com/edu/2017/06-24/"../css/bootstrap.min.css" rel="external nofollow" /> <style type="text/css"> .container{ margin-top: 20px; } </style> <script type="text/javascript" src=//www.3lian.com/edu/2017/06-24/"../js/vue-1.0.21.js"></script> <script type="text/javascript" src=//www.3lian.com/edu/2017/06-24/"../js/jquery.min.js"></script> <script type="text/javascript"> $().ready(function() { var vm = new Vue({ el: '#app', data: { message: "Hello World ! " } }); }); </script> </head> <body> <div id="app" class="container"> <input type="text" v-model='message'/> <input type="text" v-model='message'/> <br /> {{message}} </div> </body> </html>

5、效果演示           

Vue.js之视图和数据的双向绑定(v-model)教程 三联

尚未注册畅言帐号,请到后台注册
  • 苗山脱贫影像志——父母在 不远行 2019-03-20
  • 秒变迷弟!吴建豪晒与甄子丹合影:偶像给我签名 2019-03-14
  • 秦珂:联盟不是生态圈本身,是生态圈的过程 2019-03-14
  • “陪堂妈妈”上课3000多节 班主任:她去中考没问题 2018-08-22
  • 城区加大扬尘污染治理力度 所有施工现场必须安装视频监控 2018-08-22
  • 张继科状态低迷 刘国梁倍感压力 2018-07-26
  • 互联网金融协会提示:防范变相“现金贷”业务风险 2018-07-26
  • 6月乌鲁木齐这些片区要停电 2018-07-25
  • 补时绝杀!英格兰2-1突尼斯 凯恩梅开二度 2018-07-24
  • 张太雷烈士大学毕业证书回到故乡常州 2018-07-24
  • 对于马克思主义者来说,什么也不值得惋惜,历史教训才值得的总结 2018-07-23
  • 少了两个气缸,这台跑车依然能做你的Dream Car 2018-07-23
  • 上海频繁"出镜"好莱坞 大片里重要的"未来"城市 2018-07-22
  • 回复@海之宁:不给你分配生产资料你咋尽所能? 2018-07-21
  • 惊险!28吨浓亚硫酸泄露 消防官兵9小时排险 2018-07-21
  • 738| 436| 912| 64| 810| 439| 294| 456| 399| 292|