vue中的指令

在vue中，指令是帶有

v-

字首的特殊特性。指令特性的值預期是單個JavaScript表達式(v-for除外)，責任就是，當表達式的值改變時，就是響應式的作用于DOM，進而做出改變。

參數：

• 一些指令能夠接收一個“參數”，在指令名稱之後以冒号表示。比如，

  v-bind

  可以用于響應式地更新HTML

在這裡，v-bind指令将該元素的href特性與表達式url的值綁定在了一起，當url一變，響應式的更新DOM。

• 還有比如

  v-on

  指令，它用于監聽DOM事件

在這裡參數監聽一個事件名，事件處理函數。

修飾符

是以

.

指明的特殊字尾，可以指出一個指令應該以那種特殊方式綁定

比如

.prevent

修飾符告訴

v-on

指令對于觸發的事件調用

event.preventDefault()

縮寫：

v-bind

: 簡寫為

:

v-on

: 簡寫為

@