vue/require-direct-export Style
它的作用
该规则要求组件对象必须直接导出。
为什么这不好？
间接导出会让组件结构更难理解，并且可能导致 Vue 组件系统出现问题。
示例
该规则的不正确代码示例：
vue
<script>
const A = {};
export default A;
</script>vue
<script>
export default function () {}
</script>该规则的正确代码示例：
vue
<script>
export default {};
</script>vue
<script>
export default function (props) {
return h("div", props.msg);
}
</script>在使用 disallowFunctionalComponentFunction: true 选项时，该规则的不正确代码示例：
vue
<script>
export default (props) => h("div", props.msg);
</script>配置
该规则接受一个包含以下属性的配置对象：
disallowFunctionalComponentFunction
type: boolean
default: false
设置为 true 时，不允许使用函数式组件函数。
如何使用
To enable this rule using the config file or in the CLI, you can use:
json
{
"plugins": ["vue"],
"rules": {
"vue/require-direct-export": "error"
}
}ts
import { defineConfig } from "oxlint";
export default defineConfig({
plugins: ["vue"],
rules: {
"vue/require-direct-export": "error",
},
});bash
oxlint --deny vue/require-direct-export --vue-plugin版本
此规则在 v1.69.0 中添加。