首页 > 作文

深入解析Vue.js中v

更新时间:2023-04-03 11:33:21 阅读: 评论:0

v-model 指令在表单控件元素上创建双向数据绑定,所谓双向绑定,指的就是我们在js中的vue实例中的data与其渲染的dom元素上的内容保持一致,两者无论谁被改变,另一方也会相应的更新为相同的数据

最基础的就是实现一个联动的效果

<body>  <div class="app">    <span>multiline message is:</span>    <p>{{message}}</p>    <br>    <textarea name="" v-model="message" placeholder="plea write..."></textarea>  </div> </body><script>  new vue({     el:'.app'  })</script>

checkbox

<body>  <div class="app"> 隐形的翅膀的歌词   <input type="checkbox" id="jack" value="jack" v-model="checkednames">    <label for="jack">jack</label>    <input type="checkbox" id="john" value="john" vphotoshop技巧-model="checkednames">    <label for="jack">john</label> 敬老院标语   <input type="checkbox" id="mike" value="mike" v-model="checkednames">    <label for="jack">mike</label>    <br>    <span>checked names:{{checkednames}}</span>  </div>   </body><script>  new vue({  小腿肌肉酸痛   el:'.app',     data:{       checkednames:[]     }  })</script>

v-bind

有些指令可以在其名称后面带一个“参数” (argument),中间放一个冒号隔开。例如,v-bind 指令用于响应地更新 ht大于等于号ml 特性

结语

感谢您的观看,如有不足之处,欢迎批评指正。

本文发布于:2023-04-03 11:33:19,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/b834e65c635ea920e02d0815f2ccae87.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:深入解析Vue.js中v.doc

本文 PDF 下载地址:深入解析Vue.js中v.pdf

标签:指令   绑定   双向   您的
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图