vue/component-tags-order
强制组件顶层元素的顺序
- 🚫 此规则已 **弃用**，并由 vue/block-order 规则替换。
- ⚙️ 此规则包含在所有
"plugin:vue/vue3-recommended"、*.configs["flat/recommended"]、"plugin:vue/recommended"和*.configs["flat/vue2-recommended"]中。 - 🔧 命令行 上的
--fix选项可以自动修复此规则报告的一些问题。
📖 规则详细信息
此规则会警告顶层标签的顺序，例如 <script>、<template> 和 <style>。
🔧 选项
json
{
"vue/component-tags-order": ["error", {
"order": [ [ "script", "template" ], "style" ]
}]
}order((string|string[])[]) ... 顶层元素名称的顺序。默认[ [ "script", "template" ], "style" ]。也可以是 CSS 选择器，例如script[setup]和i18n:not([locale=en])。
{ "order": [ [ "script", "template" ], "style" ] } (默认)
正在加载...
正在加载...
正在加载...
{ "order": ["template", "script", "style"] }
正在加载...
正在加载...
{ "order": ["docs", "template", "script", "style"] }
正在加载...
正在加载...
{ 'order': ['template', 'script:not([setup])', 'script[setup]'] }
正在加载...
正在加载...
{ 'order': ['template', 'style:not([scoped])', 'style[scoped]'] }
正在加载...
正在加载...
{ 'order': ['template', 'i18n:not([locale=en])', 'i18n[locale=en]'] }
正在加载...
正在加载...
📚 进一步阅读
🚀 版本
此规则是在 eslint-plugin-vue v6.1.0 中引入的