---
url: /docs/guide/usage/linter/rules/vue/require-direct-export.md
---

### 它的作用

该规则要求组件对象必须直接导出。

### 为什么这不好？

间接导出会让组件结构更难理解，并且可能导致 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` 时，不允许使用函数式组件函数。

## 如何使用

## 版本

此规则在 v1.69.0 中添加。

## 参考资料