vue3报eslint-disable vue/multi-word-component-names

可以在需要禁用规则的地方添加注释`eslint-disable`，后面跟上需要禁用的规则名，例如在Vue3组件中禁用`vue/multi-word-component-names`规则，可以在组件标签上方添加注释`eslint-disable vue/multi-word-component-names`，如下所示：

<template>
  <div>
    <!-- eslint-disable vue/multi-word-component-names -->
    <my-multi-word-component></my-multi-word-component>
  </div>
</template>

<script>
import MyMultiWordComponent from './MyMultiWordComponent.vue'

export default {
  components: {
    MyMultiWordComponent
  }
}
</script>

需要注意的是，这种方式会禁用整个组件中的指定规则，如果只需要禁用某一行代码的规则，可以在该行代码末尾添加注释`eslint-disable-next-line`，后面跟上需要禁用的规则名，例如：

<template>
  <div>
    <my-multi-word-component></my-multi-word-component>
  </div>
</template>

<script>
import MyMultiWordComponent from './MyMultiWordComponent.vue'

export default {
  components: {
    MyMultiWordComponent
  },
  created() {
    // eslint-disable-next-line no-unused-vars
    const unusedVar = 'foo'
  }
}
</script>

这样就只会禁用该行代码中的指定规则。