Eslint (no-unused-vars) 无法在 Vue 工厂模式中正确检测未使用的变量

Question

Code Example:

Please see this minimum code below

import Vue from "vue";

const makeComponent = () => {
  let isMounted = false; // eslint yells

  return Vue.extend({
    name: "App",

    mounted() {
      isMounted = true;
    },
    destroyed() {
      isMounted = false;
    }
  });
};

export default makeComponent();

As you can see, I have properly use the isMounted value, but ESLint can't recognize it.

I have reload the editor, it didn't help.

This happens at codesandbox and my local editor.

Answer 1

Currently you are only assigning values to the variable, but never actually using it. The documentation for no-unused-vars covers this nicely.

A variable is not considered to be used if it is only ever declared (var foo = 5) or assigned to (foo = 7).

Here is an example of the variable being used in your example:

Edit

I should probably include the correct way to go about going what you're trying to do: