vue的命令作用

本文详细介绍了Vue.js中各种指令的用途及用法,包括v-text用于显示内容,v-html用于插入HTML,v-show用于切换元素的显示状态,v-if用于条件渲染,v-for用于循环,v-on用于绑定事件,v-bind用于动态绑定属性,v-model用于表单输入控件的数据绑定等。同时讲解了事件修饰符如.stop、.prevent等的使用。
  1. v-text                  可以显示内容与$("p").text("dfdsd")的一个意思 
  2. v-html                   内容按普通 HTML 插入
  3. v-show                   根据表达式之真假值,切换元素的 display CSS 属性。    
  4. v-if                     可以条件判断
  5. v-else                   与v-if一起使用
  6. v-else-if                 else if () 一个意思
  7. v-for                    循环  
  8. v-on                    
    • .stop - 调用 event.stopPropagation()
    • .prevent - 调用 event.preventDefault()。阻止默认事件
    • .capture - 添加事件侦听器时使用 capture 模式。
    • .self - 只当事件是从侦听器绑定的元素本身触发时才触发回调。
    • .{keyCode | keyAlias} - 只当事件是从特定键触发时才触发回调。
    • .native - 监听组件根元素的原生事件。
    • .once - 只触发一次回调。
    • .left - (2.2.0) 只当点击鼠标左键时触发。
    • .right - (2.2.0) 只当点击鼠标右键时触发。
    • .middle - (2.2.0) 只当点击鼠标中键时触发。
    • .passive - (2.3.0) 以 { passive: true } 模式添加侦听器
  9. v-bind
  10. v-model
  11. v-pre
  12. v-cloak
  13. v-once

https://cn.vuejs.org/v2/api/#v-ht 

转载于:https://www.cnblogs.com/YouAreABug/p/10013690.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值