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

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

2018最快开奖历史记录: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)教程 三联

尚未注册畅言帐号,请到后台注册
  • 生命时报2016年两会特别策划 2019-05-19
  • 【专题】河北省人民政府新闻发布会 2019-05-18
  • 西安,给盲人朋友留一条路吧…无障碍设施盲道-编辑整合 2019-05-15
  • 哈哈。。。,仙姑,你喜歡貓? 2019-05-15
  • 联播快讯:俄罗斯世界杯国际广播中心启用 2019-05-09
  • (清仓)德国埃丝伯爵黑啤酒500ml【价格 品牌 图片 评论】 2019-05-08
  • 家装行业猫腻多:“低价全包”变身“加价全包” 2019-05-07
  • 端午三件套了解一下!这些小知识让你端午更健康 2019-05-07
  • 爱因斯坦日记曝光:担心中国人可能会取代所有其他种族 2019-05-06
  • 2017年第96届全国糖酒会在成都圆满落幕 2019-05-03
  • 特稿:邻望邻好同发展——中国改革开放的亚太故事 2019-05-03
  • 中巴建交一周年 一系列庆祝活动在巴拿马举行 2019-04-25
  • 习近平作报告全场71次掌声 此处最密、此处最长(附原音) 2019-04-24
  • 太平财险湖北分公司成功续保东风乘用车财产险项目 2019-04-21
  • 百姓故事:蒋姐姐的旗袍人生 2019-04-21
  • 598| 600| 198| 53| 805| 434| 754| 472| 837| 289|