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


<!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>

 

posted @ 2019-08-11 23:27  酷酷的城池  阅读(697)  评论(0编辑  收藏  举报