← Back to rules

vue/prefer-import-from-vue 正确性

An auto-fix is available for this rule.

它的作用

强制使用 import from 'vue' 而非 import from '@vue/*'。

为什么这是不好的？

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

• @vue/runtime-dom
• @vue/runtime-core
• @vue/reactivity
• @vue/shared

示例

此规则的 错误 代码示例：

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

此规则的 正确 代码示例：

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

如何使用

要通过配置文件或 CLI 启用此规则，可以使用：

配置文件 (.oxlintrc.json)

{
  "plugins": ["vue"],
  "rules": {
    "vue/prefer-import-from-vue": "error"
  }
}

CLI

oxlint --deny vue/prefer-import-from-vue --vue-plugin

参考资料

• 规则源码