-
v-text: 用于更新元素的文本内容。
-
v-html: 用于更新元素的 innerHTML,但是注意,动态渲染 HTML 容易导致跨站脚本攻击 (XSS),因此只在可信的内容上使用 v-html,永不用在用户提交的内容上。
-
v-if: 根据表达式的值的真假条件渲染元素。如果值为false,则元素不会被渲染到DOM中。
-
v-else: 为v-if提供else块。必须紧跟在带v-if或者v-else-if的元素后面。
-
v-else-if: 为v-if提供else-if块,可以链式的多次使用。
-
v-show: 根据表达式的值的真假,通过改变元素的display CSS属性来控制元素的显示和隐藏。
-
v-for: 基于源数据多次渲染元素或模板块。这个指令需要使用特定的语法,例如 item in items,item是数组元素的别名,items是数据数组。
-
v-on: 用来监听DOM事件,比如click、input等。在Vue中,它通常被写作@event-type。
-
v-bind: 用来绑定元素的属性。可以简写为一个冒号 :。例如,我们可以用v-bind:href或者简写为 :href来绑定一个链接的href属性。
-
v-model: 创建数据和视图之间的双向绑定。它会根据表单元素的值自动更新数据,也会根据数据的变化更新表单元素的值。
-
v-prev: 用来绑定元素的内容,类似v-text,但是它不会替换元素内部的内容,而是把内容追加到元素内部。
-
v-cloak: 这个指令保持在元素上直到关联的实例结束编译。和 CSS 如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。
-
v-once: 只渲染元素和组件一次。之后的重新渲染,元素/组件及其所有的子节点将被视为静态内容跳过。这个可以用来提升性能。
简述 Vue 有哪些内置指令 ?
于 2024-09-02 14:18:10 首次发布