Skip to content
← Back to rules

vue/prefer-import-from-vue Correctness

🛠️ 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

示例

此规则的错误代码示例:

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";

如何使用

To enable this rule using the config file or in the CLI, you can use:

json
{
  "plugins": ["vue"],
  "rules": {
    "vue/prefer-import-from-vue": "error"
  }
}
ts
import { defineConfig } from "oxlint";

export default defineConfig({
  plugins: ["vue"],
  rules: {
    "vue/prefer-import-from-vue": "error",
  },
});
bash
oxlint --deny vue/prefer-import-from-vue --vue-plugin

版本

此规则在 v1.20.0 中添加。

参考资料