- ⚙️ This rule is included in all of
This rule checks whether every
v-bind directive is valid.
# 📖 Rule Details
This rule reports
v-bind directives in the following cases:
- The directive does not have that attribute value. E.g.
- The directive has invalid modifiers. E.g.
This rule does not report
v-bind directives which do not have their argument (E.g.
<div v-bind="aaa"></div>) because it's valid if the attribute value is an object.
<template> <!-- ✓ GOOD --> <div v-bind="foo"/> <div v-bind:aaa="foo"/> <div :aaa="foo"/> <div :aaa.prop="foo"/> <!-- ✗ BAD --> <div v-bind/> <div :aaa/> <div v-bind:aaa.bbb="foo"/> </template>
This rule does not check syntax errors in directives because it's checked by vue/no-parsing-error rule.
# 🔧 Options
# 👫 Related Rules
# 🚀 Version
This rule was introduced in eslint-plugin-vue v3.11.0