vue/v-bind-style

enforce v-bind directive style

⚙️ This rule is included in "plugin:vue/strongly-recommended" and "plugin:vue/recommended".
🔧 The --fix option on the command line can automatically fix some of the problems reported by this rule.

📖 Rule Details

This rule enforces v-bind directive style which you should use shorthand or long form.


                <template>
  <!-- ✓ GOOD -->
  <div :foo="bar"/>

  <!-- ✗ BAD -->
  <div v-bind:foo="bar"/>
</template>

Now loading...

Default is set to shorthand.

{
  "vue/v-bind-style": ["error", "shorthand" | "longform"]
}


                <template>
  <!-- ✓ GOOD -->
  <div v-bind:foo="bar"/>

  <!-- ✗ BAD -->
  <div :foo="bar"/>
</template>

Now loading...