vue/jsx-uses-vars

防止在 JSX 中使用的变量被标记为未使用

⚙️ 此规则包含在所有 "plugin:vue/base"、*.configs["flat/base"]、"plugin:vue/essential"、*.configs["flat/vue2-essential"]、"plugin:vue/vue3-essential"、*.configs["flat/essential"]、"plugin:vue/strongly-recommended"、*.configs["flat/vue2-strongly-recommended"]、"plugin:vue/vue3-strongly-recommended"、*.configs["flat/strongly-recommended"]、"plugin:vue/recommended"、*.configs["flat/vue2-recommended"]、"plugin:vue/vue3-recommended" 和 *.configs["flat/recommended"] 中。

自 0.17.0 版本起，ESLint no-unused-vars 规则不再检测 JSX 中使用的变量（查看详情）。此规则将查找 JSX 中使用的变量并将其标记为已使用。

仅当启用了 no-unused-vars 规则时，此规则才有效。

📖 规则详情

如果没有此规则，则此代码会触发警告

jsx

import HelloWorld from './HelloWorld';

export default {
  render () {
    return (
      <HelloWorld msg="world"/>
    )
  },
};

启用后，HelloWorld 将被标记为已使用，并且 no-unused-vars 规则不会报告问题。

如果您没有使用 JSX 或未使用 no-unused-vars 规则，则可以禁用此规则。

此规则是在 eslint-plugin-vue v2.0.0 中引入的