vue常用指令

  1. v-bind: 用于动态地绑定一个或多个属性,或者一个组件prop到表达式。例如,可以用它来动态地绑定href属性的值。

  2. v-model: 在表单输入和应用状态之间创建双向绑定。对于不同类型的输入元素,v-model会自动选取正确的方法来更新元素的值。

  3. v-for: 用于基于源数据多次渲染元素或模板块。这是Vue中处理列表渲染的指令,可以与array或者object一起使用。

  4. v-ifv-else-ifv-else: 这一组指令用于条件渲染一块内容。只有当表达式返回真值时,元素才会被渲染。

  5. v-show: 根据表达式之真假值,切换元素的display CSS属性。与v-if不同,v-show不管条件是否满足,元素总会被渲染到DOM中,只是会根据条件切换显示状态。

  6. v-on: 用于监听DOM事件,并在触发时执行一些JavaScript代码。可以用它来绑定事件监听器。

  7. v-slot: 用于定义插槽的内容,允许我们将模板插入到组件中的指定位置。

  8. v-pre: 跳过这个元素和它的子元素的编译过程。可以用来优化性能,如果你知道该元素不需要编译。

  9. v-cloak: 这个指令会保持在元素上直到关联实例结束编译。和CSS规则如[v-cloak] { display: none }一起使用,可以隐藏未编译的Mustache语法直到Vue准备就绪。

  10. v-once: 指令表示元素和组件只渲染一次,不会随着数据变化而重新渲染。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值