指令(Directives)是带有v-前缀的特殊特性,它的职责是当表达式的值改变时将其产生的连带影响,响应式的作用于DOM。

例如,之前的v-if

<p v-if="seen">现在你看到我了</p>

此时,v-if指令将根据表达式seen的值的真假来插入/移除<p>元素。

参数

一些指令能够接收一个“参数”,在指令名称后以冒号表示

<a v-bind:href="url">...</a>

上面例子中,v-bind指令将该元素的href特性与表达式url的值绑定。

另一个例子v-on指令,用来监听DOM事件

<a v-on:click="doSomething">...</a>

修饰符

修饰符是以半角句号指明的特殊后缀,用于之处一个指令应该以特殊的方式绑定。

例如,.prevent修饰符告诉v-on指令对于触发的事件调用event.preventDefault()

<form v-on:submit.prevent="onSubmit">...</form>

results matching ""

    No results matching ""