最終更新:2018-01-29 (月) 20:30:46 (201d)  

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-transition?
  • v-ref?
  • v-el?

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

  • v-pre?
  • v-cloak?

メモ

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

修飾子

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