收起左侧

[前端] Vue组件命名问题

0
回复
[复制链接]
avatar
  • TA的每日心情
    qdsmile奋斗
    2024-9-3 08:39
  • 签到天数: 20 天

    [LV.4]常来常往

    5

    主题

    0

    帖子

    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 收起 理由
    avatar itjc8 + 60 感谢分享!

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

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

    本版积分规则