关于自定义组件的组件命名规范

最新推荐文章于 2025-05-12 14:35:52 发布

weixin_30914981

最新推荐文章于 2025-05-12 14:35:52 发布

阅读量866

点赞数

CC 4.0 BY-SA版权

文章标签： javascript java ViewUI

原文链接：http://www.cnblogs.com/zpsylgdx/p/10568895.html

博客介绍了组件命名方式，多数情况下用全小写加连字符，也可用首字母大写。当将组件渲染到 DOM 上时，建议用全小写且有连接符的命名，因 HTML 大小写不敏感，这样可避免与元素冲突。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在给组件命名的时候我们大多数的时候命名字母全小写且包含一个连字符,但是有的时候我们也是用单词首字母大写的方式实现的组件命名

如果当我们需要将组件渲染到dom上的时候强烈建议使用全部字母小写且有连接符连接的命名

在html中是大小写不敏感的,使用全小写且连接符连接会帮助我们与当前或者未来的元素冲突

转载于:https://www.cnblogs.com/zpsylgdx/p/10568895.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30914981

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue子组件修改父组件值

西格玛猫

02-23

820

父组件 <template> <div> <Child :obj="obj" /> </div> <template> <script> import Child from './Child ' export default{ components: {Child }, data() { return { obj:{ a:1, b:2 } } } } </script>

HarmonyOS NEXT应用开发：UI基本语法-自定义组件（创建自定义组件）

ZPYQAQ的博客

01-13

982

在ArkUI中，UI显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。

参与评论您还未登录，请先登录后发表或查看评论

react组件书写规范

徐同保的专栏

10-10

1212

组件的私有方法都用 _ 开头，所有事件监听的方法都用 handle 开头。把事件监听方法传给组件的时候，属性名用 on 开头组件的内容编写顺序如下： static 开头的类属性，如 defaultProps、propTypes。构造函数，constructor。 getter/setter（还不了解的同学可以暂时忽略）。组件生命周期。 _ 开头的私有方法。事件监听方法，han...

Vue组件的命名

努力向前，成长可见

12-20

502

组件有好几种命名方式, 可以使用 component-vue (短横线分隔命名)、componentVue (驼峰式命名) 或ComponentVue (单词首字母) 因为html对大小写不敏感, 所以在调用的时候驼峰命名的都要写成短线分割形式: 以上三种都要写成小写短线这种形式: <component-vue></component-vue> ...

Vue3的命名规范

最新发布

学习记录

05-12

1322

本文详细介绍了 Vue 3 项目中文件夹和文件名的命名规范，结合官方推荐与行业最佳实践，旨在提升代码的可读性和维护性。主要内容包括：项目基础结构命名：根目录使用 kebab-case，核心文件如 index.html、main.js 和 App.vue 采用固定名称。 src 目录结构：如 assets、components、views 等目录的命名规则及用途。组件命名：使用 PascalCase，基础组件以 Base 开头，单例组件以 The 开头，父子组件命名需体现层级关系。路由与状态管理命名：路

[vue] 说说组件的命名规范

歌谣的博客

03-05

834

[vue] 说说组件的命名规范 定义组件名有两种方式： 1.kebab-case（短横线分隔命名），引用时必须也采用kebab-case； 2.PascalCase（首字母大写命名），引用时既可以采用PascalCase也可以使用kebab-case；但在DOM中使用只有kebab-case是有效的个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题 ...

Invalid component name: “XXX“. Component names should conform to valid custom element name in html5

whatnameisok的博客

03-26

5614

最近Vue项目中遇到种问题：无效的组件名称：“提交订单”。组件名称应符合html5规范中的有效自定义元素名称。于是定位->主要问题出现在组件命名上: export default { name: "xxx", data(){ } 而我的组件名为So.vue , 所以改一下name就好了。 export default { name: "So", data(){ } ...

QML自定义组件显示在QT Designer库面板中的方法

11-03

标题《QML自定义组件显示在QT Designer库面板中的方法》涉及的知识点非常具体，主要分为以下几个方面：首先，标题表明了文章将介绍如何将自定义的QML组件集成到QT Designer的库面板中。这种集成有利于提高开发效率...

jQueryUI如何自定义组件实现代码

10-28

最后，我们来回顾一下一个具体的自定义组件实现案例。在给出的示例代码中，定义了一个名为`wo.divZoom`的Widget，它具有一些控制元素的缩放功能。组件初始化时，会向元素中添加HTML结构，并且绑定相应的点击事件。...

鸿蒙进阶篇-自定义组件

2401_88463044的博客

11-22

1717

在ArkUI中，UI显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。在进行 UI 界面开发时，通常不是简单的将系统组件进行组合使用，而是需要考虑代码可复用性、业务逻辑与UI分离，后续版本演进等因素。因此，将UI和部分业务逻辑封装成自定义组件是不可或缺的能力。相比于之前学习的轻量级 UI 复用机制 @Builder，自定义组件的功能更为强大，日常开发中如果要对【UI 或业务逻辑】进行复用，需要【掌握】自定义组件的能力。

微信小程序之自定义组件的实现代码（附源码）

10-18

微信小程序自定义组件是微信小程序官方提供的一个强大功能，允许开发者通过封装通用的页面结构和逻辑，以便在小程序的不同页面中重复使用，从而提高开发效率，维护项目结构清晰。自定义组件的开发流程可以分为以下几...

Vue组件命名踩坑

xuxinxiang的博客

12-20

601

reportView-container组件在根实例引用<reportView-container></reportView-container>Vue会报错 report-view-container这样写的话就没问题了

组件命名规则

kenxausten的专栏

12-14

2158

<br />组件命名规则<br />C和P的命名规则：TinyOS 所有的终端程序组件都以字母C或P为结尾。以C结尾所命名的组件表示它是一个可用的抽象，而以P结尾的组件则表示它是私有的。以P结尾的组件不能被直接的连接，但可以对它做一些封装以使它变成可用（变成名字以C结束的）<br />硬件平台抽象命名规则：TinyOS 2.0中的硬件抽象通常是三级抽象架构，称作HAA(HardwareAbstraction Architecture)。<br />HAA的最底层是HPL( Hardware Platfo

Vue学习过程中由自定义组件命名引起的错误

Kratial的博客

08-23

2127

在运行该实例时出现了一些错误： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;组件&lt;/title&gt; &a

组件命名规范

weixin_45630345的博客

11-08

518

组件命名

HTML5自定义标签元素，自定义标签必须注册吗？浏览器默认样式表

无数_Mirage的博客

05-20

1549

HTML5自定义标签元素，容易出现的问题，自定义标签必须注册吗？为什么你的自定义标签样式有问题？浏览器默认样式表是什么

HTML标签名自定义,HTML 5自定义元素名称？

weixin_36048947的博客

06-11

242

In HTML 5 specification the parser and the specification state thatthe element name can be everything starting with a letter and followedby alpha-numeric characters.不正确.规范声明元素名称必须是该文档中明确列出的名称之一,或者在另一个...

HTML5的自定义属性的使用总结