VUE3 eslint校验组件名称

571 阅读1分钟
  • 报错:Component name “home“ should always be multi-word.eslintvue/multi-word-component

官方风格指南,除了根组件(App.vue)外,自定义组件名称应该由多单词组成,防止和html标签冲突。所以单独使用一个单词作为组件名称会报错,要么修改组件名称要么修改eslint规则。

.eslintrc.js文件修改如下

module.exports = {
  rules: {
    // 关闭名称校验

    "vue/multi-word-component-names": "off",
  },
};