指令(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>