eslint-plugin-vue

外观

vue/padding-lines-in-component-definition ​

要求或禁止在组件定义中添加填充行

  • 🔧 命令行 上的 --fix 选项可以自动修复此规则报告的一些问题。

📖 规则详细信息 ​

此规则要求或禁止在组件定义中添加空行。适当的空行有助于开发人员提高代码可读性和代码样式灵活性。

正在加载...
正在加载...

🔧 选项 ​

json
{
  "vue/padding-lines-in-component-definition": ["error", {
    "betweenOptions": "always" | "never",

    "withinOption": {
      "props": {
        "betweenItems": "always" | "never" | "ignore",
        "withinEach": "always" | "never" | "ignore",
      } | "always" | "never" | "ignore", // shortcut to set both

      "data": {
        "betweenItems": "always" | "never" | "ignore",
        "withinEach": "always" | "never" | "ignore",
      } | "always" | "never" | "ignore" // shortcut to set both

      // ... all options
    } | "always" | "never" | "ignore",

    "groupSingleLineProperties": true | false
  }]
}
  • betweenOptions ... 设置选项之间的填充行。默认值为 always
  • withinOption ... 设置选项内的填充行
    • emits ... 设置 emits 和 defineEmits 之间的填充行。默认值为 always
    • props ... 设置 props 和 defineProps 之间的填充行。默认值为 always
    • ...
  • groupSingleLineProperties ... 设置多个连续单行属性（例如 name、inheritAttrs）的分组，默认值为 true

分组单行属性 ​

正在加载...

使用自定义选项 ​

正在加载...

🚀 版本 ​

此规则是在 eslint-plugin-vue v9.9.0 中引入的

🔍 实现 ​