指令 (directive)

使用 "v-前置" 這個特別的屬性來插入屬於Vue自訂的指令(directive)屬性，讓Vue能夠簡易的提供一些作用到該DOM上。

示意

<element v-directiveId="[argument:] expression[|filters...]"></element>

輸入

data: {
  msg: 'Hello!',
  msg_html: '<h3>Hello!</h3>'
}

<div>{{msg}}</div>
<div v-text="msg"></div>
<div v-html="msg_html"></div>
<div v-once>{{msg}}</div>

輸出

hello
hello
hello
hello

Codepen

See the Pen this pen by anxgang (@anxgang) on CodePen.