0
点赞
收藏
分享

微信扫一扫

vue指令(常混淆的)

IT程序员 2022-04-13 阅读 37
前端

v-text:更新dom对象的textContext

v-html:更新dom对象的innerHTML

v-bind:当表达式的值改变时,将其产生的连带影响,v-bind:可简写成:表单能够拿到vue中的数据,表单中的数据也能够传到vue中

v-model:主要是用在表单元素中,它实现了双向绑定。在同时使用v-bind和v-model中,v-model建立的双向绑定对输入型元素input, textarea, select等具有优先权,会强制实行双向绑定。很多时候v-model使用在表单的<input>中实现双向绑定。只能是表单拿到vue的数据,vue没法拿到表单的数据

v-on:绑定事件,可简写为@

v-if:根据表达式的值的真假条件,销毁或重建元素

v-show:根据表达式的真假值,切换元素的display,css属性

v-for:persons是数据,person是当前的一条数据, index代表当前索引值。列表渲染也可以用 of 来代替 in 作为分隔符。
当遍历对象属性时候,有两个可选参数,分别键名和索引值。key只能为number或string,且key的值必须是唯一的

举报

相关推荐

0 条评论