首页 > 其他 > 详细

vue v-model实现数据的双向绑定

时间:2019-08-12 00:27:37      阅读:106      评论:0      收藏:0      [点我收藏+]

<!DOCTYPE html> <html> <meta charset="utf-8"> <head> <title></title> </head> <script src="./vue.js" type="text/javascript" charset="utf-8"></script> <body> <div id="app"> {{msg}} <!-- v-bind 只能实现数据的单项绑定--> <input type="" name="" :value=‘msg‘> <!-- v-bind 只能实现数据的双向绑定只能用在表单元素中 input(radio text address email..) select checkbox textarea--> <input type="" name="" v-model=‘msg‘> </div> <script type="text/javascript"> var vm = new Vue({ el:‘#app‘, data:{ msg:‘abcde‘ }, methods:{ } }) </script> </body> </html>

 

vue v-model实现数据的双向绑定

原文:https://www.cnblogs.com/chengfengchi/p/11337272.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!