Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

vOnStyle

Control Vue v-on directive style.

Possible options:

  • null: Style of v-on directive won’t be changed.
  • "short": Use short-hand form like @click.
  • "long": Use long-hand form like v-on:click.

Default option is null.

Example for null

Input:

<button @click=""></button> <button v-on:click=""></button>

Output:

<button @click=""></button> <button v-on:click=""></button>

Example for "short"

Input:

<button @click=""></button> <button v-on:click=""></button>

Output:

<button @click=""></button> <button @click=""></button>

Example for "long"

Input:

<button @click=""></button> <button v-on:click=""></button>

Output:

<button v-on:click=""></button> <button v-on:click=""></button>