---
url: /docs/guide/usage/linter/rules/vue/prefer-import-from-vue.md
---

### 作用

强制从 `vue` 而不是 `@vue/*` 导入。

### 为什么这不好？

从以下模块导入几乎总是错误的。你应该改为从 vue 导入。

* `@vue/runtime-dom`
* `@vue/runtime-core`
* `@vue/reactivity`
* `@vue/shared`

### 示例

此规则的**错误**代码示例：

```js
import { createApp } from "@vue/runtime-dom";
import { Component } from "@vue/runtime-core";
import { ref } from "@vue/reactivity";
```

此规则的**正确**代码示例：

```js
import { createApp, ref, Component } from "vue";
```

## How to Use

## 版本

此规则在 v1.20.0 中添加。

## 参考资料