在创建vue组件中出现Component name “xxx“ should always be multi-word.eslintvue/multi-word-component-names

在使用vue-cli3脚手架创建项目时,如果vue组件命名为一个单词的话,会出现如下报错的情况,而且关闭了eslint的语法检查也没用,原因就是vue-cli3更推荐使用多个单词命名组件,来避免与原生的html标签冲突,目前的解决方法就是给组件添加一个name属性,就能够使用一个单词来命名组件了。

注意:name属性的值不能为一个单词!!!

​
Component name "index" should always be multi-word.eslintvue/multi-word-component-names

​

 

比如如上图我创建了一个index.vue的文件,但是他在一开头就会报错,解决方法如下:

在下方写上name属性就行了,注意,name的值不能是一个单词,不然同样会报错。

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值