eslint-plugin-vue

外观

vue/v-bind-style ​

强制执行 v-bind 指令样式

  • ⚙️ 此规则包含在所有 "plugin:vue/vue3-strongly-recommended"、*.configs["flat/strongly-recommended"]、"plugin:vue/strongly-recommended"、*.configs["flat/vue2-strongly-recommended"]、"plugin:vue/vue3-recommended"、*.configs["flat/recommended"]、"plugin:vue/recommended" 和 *.configs["flat/vue2-recommended"] 中。
  • 🔧 命令行 上的 --fix 选项可以自动修复此规则报告的一些问题。

📖 规则详细信息 ​

此规则强制执行 v-bind 指令样式，您应该使用简写或长格式。

正在加载...

🔧 选项 ​

json
{
  "vue/v-bind-style": ["error", "shorthand" | "longform", {
    "sameNameShorthand": "ignore" | "always" | "never"
  }]
}
  • "shorthand" (默认) ... 要求使用简写。
  • "longform" ... 要求使用长格式。
  • sameNameShorthand ... 强制执行 v-bind 同名简写样式 (Vue 3.4+)。
    • "ignore" (默认) ... 忽略同名简写样式。
    • "always" ... 始终强制执行同名简写 (如果可能)。
    • "never" ... 始终禁止同名简写 (如果可能)。

"longform" ​

正在加载...

{ "sameNameShorthand": "always" } ​

正在加载...

{ "sameNameShorthand": "never" } ​

正在加载...

📚 进一步阅读 ​

🚀 版本 ​

此规则在 eslint-plugin-vue v3.0.0 中引入

🔍 实现 ​