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

最新推荐文章于 2024-04-24 09:22:16 发布

weixin_30289831

最新推荐文章于 2024-04-24 09:22:16 发布

阅读量42

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/chengfengchi/p/11337272.html

版权


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

转载于:https://www.cnblogs.com/chengfengchi/p/11337272.html

优惠劵

weixin_30289831

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue v-model实现数据的双向绑定

<!DOCTYPE html><html> <meta charset="utf-8"><head> <title></title></head><script src="./vue.js" type="text/javascript" charset="utf-8...
复制链接

扫一扫