收起左侧

[前端] Vue组件命名问题

0
回复
[复制链接]

5

主题

-5

回帖

60

积分

发表于 2022-12-23 15:33:59 | 显示全部楼层 |阅读模式
问题:Home、Test组件渲染正常,Header组件渲染不出来,且控制台不报错,在浏览器中用devtools插件查看组件时也没有Header组件
刚开始我还以为是Vue.config.js文件夹配置错了或者是不起效,经过后来更改组件名称重新引入,发现可以渲染了,并查阅了文档、简书等的解答,原来是Vue组件命名问题。

组件命名注意:
1.注册组件时,可以使用短横线分隔命名(hello-world)、驼峰式命名(helloWorld)或 单词首字母大写命名(HelloWorld)。这几种命名方式都是可以的,使用哪种主要看你的公司规范和个人习惯。
2.组件命名不要与HTML元素或者Vue保留的标签重名,不区分大小写。组件名应该以字母开头,后面跟字母、数值或下划线。
3.组件命名最好:有意义的名词、简短、具有可读性;文件夹命名主要以功能模块代表命名

参与人数 1金币 +60 收起 理由
itjc8 + 60 感谢分享!

查看全部评分总评分 : 金币 +60

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则