eslint-plugin-vue

外观

vue/order-in-components ​

强制组件中属性的顺序

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

📖 规则详情 ​

此规则确保您在组件中保持声明的属性顺序。推荐的属性顺序可以在 此处找到。

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

🔧 选项 ​

json
{
  "vue/order-in-components": ["error", {
    "order": [
      "el",
      "name",
      "key",
      "parent",
      "functional",
      ["delimiters", "comments"],
      ["components", "directives", "filters"],
      "extends",
      "mixins",
      ["provide", "inject"],
      "ROUTER_GUARDS",
      "layout",
      "middleware",
      "validate",
      "scrollToTop",
      "transition",
      "loading",
      "inheritAttrs",
      "model",
      ["props", "propsData"],
      "emits",
      "setup",
      "asyncData",
      "data",
      "fetch",
      "head",
      "computed",
      "watch",
      "watchQuery",
      "LIFECYCLE_HOOKS",
      "methods",
      ["template", "render"],
      "renderError"
    ]
  }]
}

  • order ((string | string[])[]) ... 属性的顺序。元素是属性名称或以下组之一

    如果元素是字符串数组，则表示任何这些元素都可以放置在那里，并且没有顺序。默认值在上面。

📚 进一步阅读 ​

🚀 版本 ​

此规则是在 eslint-plugin-vue v3.2.0 中引入的

🔍 实现 ​