vue指令

1,v-text:更新元素的textContent

2,v-html:更新元素的innerHTML

3,v-show:根据表达式的真假值,切换元素的display,css,property,当条件变化是该指令触发过渡效果

4,v-if:根据表达式的值的truthiness来有条件地渲染元素,在切换时元素及他的数据绑定/组件被销毁并重建,如果元素是,将提出它的内容作为条件块,当条件变化时该指令触发过渡效果

5,v-else:前兄弟元素必须有v-if或v-else-if,类似js中的if else

6,v-for: 列表循环渲染,数组,对象,数字,字符串都可以

7,v-on:缩写是@,绑定事件

8,v-bind:缩写是:,用于动态绑定各种变量

9,v-model:双向数据绑定表单的值

10,v-slot:缩写#,插槽名

11,v-once:元素和组件只渲染一次

12,v-pre:跳过这个元素和它的子元素的编译过程,可以用来显示原始Mustache标签,跳过大量没有指令的节点会加快编译

13,v-clock:这个指令保持在元素上直到关联实例结束编译,和css规则如{v-clock}{display:none}一起用时,这个指令可以隐藏为编译的Mustache标签直到实例准备完毕

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值