简述 Vue 有哪些内置指令 ?

  1. v-text: 用于更新元素的文本内容。

  2. v-html: 用于更新元素的 innerHTML,但是注意,动态渲染 HTML 容易导致跨站脚本攻击 (XSS),因此只在可信的内容上使用 v-html,永不用在用户提交的内容上。

  3. v-if: 根据表达式的值的真假条件渲染元素。如果值为false,则元素不会被渲染到DOM中。

  4. v-else: 为v-if提供else块。必须紧跟在带v-if或者v-else-if的元素后面。

  5. v-else-if: 为v-if提供else-if块,可以链式的多次使用。

  6. v-show: 根据表达式的值的真假,通过改变元素的display CSS属性来控制元素的显示和隐藏。

  7. v-for: 基于源数据多次渲染元素或模板块。这个指令需要使用特定的语法,例如 item in items,item是数组元素的别名,items是数据数组。

  8. v-on: 用来监听DOM事件,比如click、input等。在Vue中,它通常被写作@event-type。

  9. v-bind: 用来绑定元素的属性。可以简写为一个冒号 :。例如,我们可以用v-bind:href或者简写为 :href来绑定一个链接的href属性。

  10. v-model: 创建数据和视图之间的双向绑定。它会根据表单元素的值自动更新数据,也会根据数据的变化更新表单元素的值。

  11. v-prev: 用来绑定元素的内容,类似v-text,但是它不会替换元素内部的内容,而是把内容追加到元素内部。

  12. v-cloak: 这个指令保持在元素上直到关联的实例结束编译。和 CSS 如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。

  13. v-once: 只渲染元素和组件一次。之后的重新渲染,元素/组件及其所有的子节点将被视为静态内容跳过。这个可以用来提升性能。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值