Vue学习笔记-问题3 - vue/multi-word-component-names 错误

在Vue中定义组件时,如果使用单个单词如Login作为组件名会出现错误。这是由于vue/multi-word-component-names规则默认启用。解决方法包括将组件名改为多词组合如LoginSite或Login-Site,或者关闭该eslint规则,在.eslintrc.js文件中将vue/multi-word-component-names设为off。示例配置代码已给出。
摘要由CSDN通过智能技术生成

Vue中定义组件的时候,组件名假如你定义一个单词,比如 Login 这样的,就会出这个错误。

原因就是 vue/multi-word-component-names 是默认的。

解决方法,

1),就是从了她吧,由 Login 改为 LoginSite 或 Login-Site之类的

2),把 vue/multi-word-component-names 给关了。

具体关法就是在项目路径下的 .eslintrc.js 文件里面,rules section,改为false。

贴一下我的.eslintrc.js 代码,可能比较容易理解:(最后一句代码)

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [
    'plugin:vue/vue3-essential',
    '@vue/standard'
  ],
  parserOptions: {
    parser: '@babel/eslint-parser'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'vue/multi-word-component-names': 'off',
  }
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值