关于组件的name 命名问题?!

来源:3-1 登陆页面布局开发

大东XI_GO

2022-03-08 10:31:45

https://img.mukewang.com/climg/6226beac091250b115421054.jpg

https://img.mukewang.com/climg/6226bee009547dfb20760398.jpg

为啥name这里规定了,要多个单词拼接才行?

https://img.mukewang.com/climg/6226bf2e0963e12906640314.jpg

我只要后面在加个单词就不会报错了。。。

https://img.mukewang.com/climg/6226bf550933c5e404660126.jpg

然后我的vue命名又是Login 就很尴尬。。。就不能统一啊,文件名不改也行,但是改成LoginPart的话又觉得很多余。。。但至少比较统一。。。这里实际工作时都是咋操作的。。。。???

写回答

1回答

好帮手慕星星

2022-03-08

同学你好,是eslint插件的原因。目前@vue/cli最新是5版本,里面默认安装eslint-plugin-vue插件版本是8版本,课程中@vue/cli4版本默认安装的eslint-plugin-vue插件是7版本。此插件命名加了新的规则

https://eslint.vuejs.org/rules/multi-word-component-names.html

要求组件名称始终为多字,所以使用一个单词会报错。

解决方式有以下几种:

1、将需要忽略的组件名称手动添加在规则中。package.json文件的rules配置,例如:

https://img.mukewang.com/climg/6226d14c0979668c05400118.jpg

2、忽略所有的组件名称。package.json文件的rules配置,例如:

https://img.mukewang.com/climg/6226d16b0962cdf204940088.jpg

3、关闭eslint配置,所有格式都不检测。在vue.config.js文件中配置,例如:

https://img.mukewang.com/climg/6226cf4a09d2f72806760166.jpg

祝学习愉快~

0

0 学习 · 17877 问题

查看课程