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

vBindStyle

Control Vue v-bind directive style.

Possible options:

  • null: Style of v-bind directive won't be changed.
  • "short": Use short-hand form like :value.
  • "long": Use long-hand form like v-bind:value.

Default option is null.

Example for null

Input:

<input :value=""> <input v-bind:value="">

Output:

<input :value=""> <input v-bind:value="">

Example for "short"

Input:

<input :value=""> <input v-bind:value="">

Output:

<input :value=""> <input :value="">

Example for "long"

Input:

<input :value=""> <input v-bind:value="">

Output:

<input v-bind:value=""> <input v-bind:value="">