创建Vue组件编译时报should always be multi-word

  • 问题背景

在学习使用Vue时，在Vue脚手架的环境下创建了Vue组件保存然后编译时，突然报错should always be multi-word（应该总是使用多个单词），我直接一脸懵逼”难道Vue组件还必须使用多个单词命名吗？“(⊙o⊙)？

  • 问题分析

在组件命名的时候未按照 ESLint 的官方代码规范进行命名，根据 ESLint 官方代码风格指南，除了根组件（App.vue）以外，其他自定义组件命名要使用大驼峰命名方式或者使用烤肉串命名方式

  • 解决方案
    • 方式一: 顺从eslintrc，按照规范书写，将组件变改用多个单词
    • 方式二：关闭eslintrc语法检测
      找到 .eslintrc.js 文件在 rules 里面加上这么一句
      
'vue/multi-word-component-names': "off"
      找不到这个文件的，也可以在package.json中的eslintConfig配置项进行修改在这里插入图片描述
# vue.js # javascript # 前端
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue