• 本文
• リロード
• 差分
• バックアップ
• 名前変更
• リファラ
• 新規ページ
• 編集

Vue.js

Vue.js/ディレクティブ

Top / Vue.js / ディレクティブ

https://012-jp.vuejs.org/api/directives.html

省略記法

v-bind

• <!-- 完全な構文 -->
  <a v-bind:href="url"> ... </a>
  
  <!-- 省略記法 -->
  <a :href="url"> ... </a>

v-on

• <!-- 完全な構文 -->
  <a v-on:click="doSomething"> ... </a>
  
  <!-- 省略記法 -->
  <a @click="doSomething"> ... </a>

一般

• v-for
• v-once?
• v-bind

リアクティブディレクティブ

• v-text?
• v-html
• v-show
• v-class?
• v-attr?
• v-style?
• v-on
• v-model
• v-if
• v-repeat?

リテラルディレクティブ

• v-transition?
• v-ref?
• v-el?

エンプティディレクティブ

• v-pre?
• v-cloak?

メモ

• ディレクティブ属性値は、単一のJavaScript式を期待します(ただし、v-forは例外)

修飾子

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