Vue中组件命名问题

 问题:Home、Test组件渲染正常,Header组件渲染不出来,且控制台不报错,在浏览器中用devtools插件查看组件时也没有Header组件

 刚开始我还以为是Vue.config.js文件夹配置错了或者是不起效,经过后来更改组件名称重新引入,发现可以渲染了,并查阅了文档、简书等的解答,原来是Vue组件命名问题。

 

组件命名注意:

1.注册组件时,可以使用短横线分隔命名(hello-world)、驼峰式命名(helloWorld)或 单词首字母大写命名(HelloWorld)。这几种命名方式都是可以的,使用哪种主要看你的公司规范和个人习惯。

2.组件命名不要与HTML元素或者Vue保留的标签重名,不区分大小写。组件名应该以字母开头,后面跟字母、数值或下划线。

3.组件命名最好:有意义的名词、简短、具有可读性;文件夹命名主要以功能模块代表命名

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值