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

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

转载最新推荐文章于 2025-05-12 14:35:52 发布 · 866 阅读

0 ·

CC 4.0 BY-SA版权

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

文章标签：

#javascript #java #ViewUI

博客介绍了组件命名方式，多数情况下用全小写加连字符，也可用首字母大写。当将组件渲染到 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

981

在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

1320

本文详细介绍了 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是有效的个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题 ...

Vue3 - 深入组件【未更完！】

lvhanghmm的博客

05-30

145

目录组件名组件名大小写使用 kebab-case使用 PascalCase全局注册局部注册模块系统在模块系统中局部注册深入组件该页面假设你已经阅读过了组件基础。如果你还对组件不太了解，推荐你先阅读它。组件名在注册一个组件的时候，我们始终需要给它一个名字。比如在全局注册的时候我们已经看到了： const app = Vue.createApp({...}) app.component('...

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

11-03

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

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

10-28

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

鸿蒙进阶篇-自定义组件

2401_88463044的博客

11-22

1715

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

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

10-18

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

Vue项目组件命名规范

热门推荐

Grey的博客

11-06

1万+

一、定义组件名注册组件命名时: 要么单词首字母都大写(大驼峰),要么都小写用短横线连接二、单文件组件命名拆分单文件组件命名时:要么单词首字母都大写(大驼峰),要么都小写用短横线连接三、基础组件命名应用特定样式和约定的基础组件 (也就是展示类的、无逻辑的或无状态的组件) 应该全部以一个特定的前缀开头，比如Base、App或V。像button icon 这类的四、单例组件名只应该拥有单个活跃实例的组件应该以The前缀命名，以示其唯一性。 ...

组件-命名规则/组件传值

weixin_52512511的博客

07-09

457

只能在template指定的视图中使用（只能在组件中使用）组件特点：组件与组件之间是相互独立的，数据也是相互独立的，但是组件与组件之间不可避免的要进行数据通信。可以转成成小写单词加中线的写法当做标签使用即可。在根vue实例下是不能使用的。直接用组件的名称当做标签使用即可。组件与组件之间的关系不同，传值的方式也不同。铺垫知识：组件的自定义事件（绑定，触发）jquery的自定义事件的绑定和触发。

2、微信小程序-组件

qq_40348833的博客

04-20

2046

文章目录前言一、常用组件1.view2.text2.image3.swiper4.navigator5.rich-text6.button7.icon8.radio9.checkbox二、自定义组件1.创建自定义组件2.自定义组件的属性3.自定义组件传参4.命名规范前言重点讲解⼩程序中常⽤的布局组件view,text,rich-text,button,image,navigator,icon,swiper,radio,checkbox 等，以及如何自定义组件。一、常用组件 1.view 代替传统

小程序开发规范

qq_36710146的博客

07-02

2439

vue 组件-自定义组件4种方式

xcj_20160810的博客

05-06

912

一、组件命名的方式　　①kebab-case，单词之间采用 - （短横线）连接，例如：my-component ，在DOM中使用时，<my-component></my-component> 　　②PascalCase，驼峰式名称，单词之间，首字母大写，例如：MyComponent，但是在DOM中使用时，必须更改为，<my-component>&l...

【vue3-命名规范以及注意事项】

weixin_47416539的博客

07-13

1018

vue3 文件命名规则以及语法使用注意事项

解决 Invalid component name: “404“. Component names should conform to valid custom element name ...

weixin_42591485的博客

03-21

9742

【Vue 项目 bug 记录】"Invalid component name: "404". Component names should conform to valid custom element name in html5 specification."

组件命名规则

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

Flex技术在自定义组件开发中的应用

此外，在命名自定义组件时，通常采用驼峰命名法（camelCase）或者帕斯卡命名法（PascalCase），以便与Flex框架中的其他组件区分。例如，一个名为“CustomButton”的自定义组件可能被命名为“CustomButton.mxml”和...