-
v-bind
: 用于动态地绑定一个或多个属性,或者一个组件prop到表达式。例如,可以用它来动态地绑定href
属性的值。 -
v-model
: 在表单输入和应用状态之间创建双向绑定。对于不同类型的输入元素,v-model
会自动选取正确的方法来更新元素的值。 -
v-for
: 用于基于源数据多次渲染元素或模板块。这是Vue中处理列表渲染的指令,可以与array
或者object
一起使用。 -
v-if
、v-else-if
、v-else
: 这一组指令用于条件渲染一块内容。只有当表达式返回真值时,元素才会被渲染。 -
v-show
: 根据表达式之真假值,切换元素的display
CSS属性。与v-if
不同,v-show
不管条件是否满足,元素总会被渲染到DOM中,只是会根据条件切换显示状态。 -
v-on
: 用于监听DOM事件,并在触发时执行一些JavaScript代码。可以用它来绑定事件监听器。 -
v-slot
: 用于定义插槽的内容,允许我们将模板插入到组件中的指定位置。 -
v-pre
: 跳过这个元素和它的子元素的编译过程。可以用来优化性能,如果你知道该元素不需要编译。 -
v-cloak
: 这个指令会保持在元素上直到关联实例结束编译。和CSS规则如[v-cloak] { display: none }
一起使用,可以隐藏未编译的Mustache语法直到Vue准备就绪。 -
v-once
: 指令表示元素和组件只渲染一次,不会随着数据变化而重新渲染。
vue常用指令
最新推荐文章于 2024-10-29 10:06:15 发布