Vue组件的命名

最新推荐文章于 2024-07-16 14:23:16 发布

一路向北@L

最新推荐文章于 2024-07-16 14:23:16 发布

阅读量595

点赞数

分类专栏： Vue 文章标签： vue组件命名 did you register the component corr

本文链接：https://blog.csdn.net/qq_40944918/article/details/102588844

版权

Vue 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

结论：

   组件命名最好不要使用驼峰命名，可以使用 -形式，或者开头首字母大写形式，目的是为了跟普通html标签进行区分

Vue.component("comA",{
            template:``,
         }

组件下用驼峰式命名不好，因为在DOM标签下要转为横杠形式，此处为

否则报错.
did you register the component correctly? For recursive components, make sure to provide the “name”

命名方式：
帕斯卡命名方式：ComponentName
短横线分隔：component-name
使用自定义元素的时候，两种命名方式都允许，但是当应用到dom的时候，应该使用短横线分割命名方式。

推荐：可以使用 -形式，或者开头首字母大写形式，目的是为了跟普通html标签进行区分

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一路向北@L

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Vue项目组件命名规范

Grey的博客

11-06

1万+

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

vue组件命名和props命名代码详解

10-16

下面将详细讲解Vue组件命名和props命名的规则及最佳实践。首先，Vue组件的命名有以下几种方式： 1. **kebab-case（短横线命名）**：例如`my-component`。这种命名方式在HTML中书写最为直观，因为HTML属性名称不...

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

vue 组件命名

许建桐的技术博客

12-11

3778

组件命名约定当注册组件 (或者 prop) 时，可以使用 kebab-case (短横线分隔命名)、camelCase (驼峰式命名) 或 PascalCase (单词首字母大写命名)。在 HTML 模板中，请使用 kebab-case： // 在组件定义中 components: { // 使用 kebab-case 注册 'kebab-cased-component': { /* ...

一份不错的 Vue 前端代码风格指南

最新发布

2401_83384536的博客

07-16

1023

自定义事件应始终使用 kebab-case 的事件名。不同于组件和 prop，事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。不同于组件和 prop，事件名不会被用作一个 JavaScript 变量名或 property 名，所以就没有理由使用 camelCase 或 PascalCase 了。并且v-on事件监听器在 DOM 模板中会被自动转换为全小写 (因为 HTML 是大小写不敏感的)，所以将会变成——导致myEvent不可能被监听到。原生事件参考列表[1]

学习VUE第七天课程（VUE之组件（基础、分类、命名））

weixin_45582846的博客

10-22

308

VUE之组件（基础、分类、命名）组件（ Component ）是 Vue.js 最核心的功能，也是整个框架设计最精彩的地方，当然也是最难掌握的。接下来会由浅入深地学习组件的全部内容，并通过几个案例练习熟练使用 Vue 组件。正式讲解组件前，先看个场景，了解下为什么学习组件？有人会问：为什么学习组件，作用是什么？接下来看个场景!! 场景举例产品经理：现在需求升级了，这几个控件还有别的...

vue入门中组件命名时需要注意的地方

aspu O_O的博客

12-11

1026

下面这张图是从vue官方上截取的其实不只是驼峰命名的prop在自定义标签中需要用等价的短横线分隔命名，组件自定义的标签名称也一样还是官网的例子只不过我把组件的名称改为驼峰式为 blogPost Vue.component('blogPost', { // 在 JavaScript 中是 camelCase 的 props: ['postTitle'], temp...

深入解析Vue 组件命名那些事

08-29

Vue组件命名规则与实践在前端开发领域，Vue.js框架因其响应式和组件化的特点受到了广泛欢迎。组件是Vue.js的核心概念之一，它们允许开发者将界面拆分成独立、可复用的组件。本文将深入探讨Vue组件的命名规则，包括...

Vue注册组件命名时不能用大写的原因浅析

10-17

在Vue的官方文档中明确指出，当使用非字符串模板时，驼峰命名（camelCase）的组件命名在模板中的使用需要转换为短横线分隔命名（kebab-case），这是由HTML的特性决定的。HTML特性是不区分大小写的，因此，在定义组件...

vue的组件命名及复用

reaaal的博客

11-27

694

vue注册组件可以使用大写，例如标准的驼峰式命名。但是在调用组件的时候，需要在驼峰命名的大写字母间加上“-”并改写为小写。例如注册组件 myTemplate ，在调用时，需要写成 <my-template /> 官网上这样说：HTML特性是不区分大小写的。所以，当使用的不是字符串模板，camelCased（驼峰式）命名的prop需要转换为相对应的kebab-case（短横线隔开式）...

Vue 组件命名，最新整理

zhuceyigecsdn的博客

04-11

609

2、检查组件名称是否以字母开头，后面跟字母、数值或下划线。if (!基于以上两点，可以总结出组件的命名规则为：组件名以字母开头，后面跟字母、数值或下划线，并且不与 HTML 元素或 Vue 保留标签重名。然而我们注意到，在上面的检查中，不符合规则的组件名称是 warn 而不是 error，意味着检查并不是强制的。实际上，。你可以用任何 JavaScript 能够表示的字符串，不管是数字、特殊符号、甚至汉字，都可以成功注册。模板解析。

关于vue组件内部命名规范的一些思考和意见

01-20

开局感慨一下，一转眼玩vue已经三年了。平时都是搬砖搬砖搬砖。。。死循环那种。很少写博客，因为我觉得好像没啥好写的，官方文档写的清清楚楚，明明白白。工作中遇到的问题，大部分在官方文档里能找到答案，如果你不知道，那说明你没有认真看文档，或者看得不仔细！剩下的小部分，文档中找不到的，百度谷歌一定有。咱们都是新人，这行发展这么多年了，你要相信你遇到的问题，早有无数前辈踩过了。em。。。啰嗦了，跑题了！咳咳那么，开始今天的主题吧！玩了这么久，代码撸了也有不少了，别人的同事的代码也看过不少。每次遇到bug，自己写的还好，找起来得心应手（找不到的都不是我的代码，小声哔哔）。但也有的时候，会有比较大的组

vue组件命名方式/使用方式

imkaifan的博客

02-26

7457

1、定义组件名的方式有两种：使用 kebab-case 当使用 kebab-case (短横线分隔命名) 定义一个组件时，你也必须在引用这个自定义元素时使用 kebab-case，例如。 Vue.component('my-component-name', { /* ... */ }) 使用 PascalCase 当使用 PascalCase (首字母大写命名) 定义一个组件时，你在引用这个自定义元素时两种命名法都可以使用。也就是说和都是可接受的。注意，尽管如此，直接在 DOM (即非字符

Vue 组件和文件及文件夹命名规范、SPA、创建路由、router-link 相关属性、路由建立多视图单页应用

qq_73126462的博客

10-21

1351

组件(Component)是Vue最强大的功能之一，组件可以扩展HTML元素，封装可重用的代码组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树组件可以分为全局组件和局部组件组件命名规则短横线命名，如: my-component，vue推荐使用这种方式的命名规则首字母大写命名规则，如：MyComponentpropsprops是父组件用来传递数据的一个自定义属性。

vue组件如何规范命名,看这篇就够了

想好了再写！

04-25

852

组件命名方式有如下三种驼峰命名CamelCase eg: helloVue 帕斯卡命名PascalCase eg: HelloVue 短横线命名kebab-case eg: hello-vue 引入组件 import UserCpn from '../UserCpn.vue' 或者 import UserCpn from '../UserCpn' 注册组件 export default { components:{ UserCpn， }, } 使用组件 <user-c

Vue学习:组件的命名规则、标签写法、简写

weixin_47295886的博客

02-20

711

你虽然没写但是最终调用了Vue.extend(配置项)

vue引入组件正确命名方式

weixin_43939111的博客

12-30

1935

https://www.cnblogs.com/e0yu/p/10795176.html

vue组件命名指南,不为取名而纠结

weixin_33842304的博客

03-15

1666

前言自古中国取名文化博大进深,往往取一个好的名字而绞尽脑汁.那么一个好名字能够带来什么呢? 名字的内涵必需和使用者固有的本性相配套不和名人重名、不易重名、创意新颖，真正体现通过名字以区分人的作用响亮上口读起来流畅好听，协音美好，因为声音涵意同样影响人，对人也有条件反射易写易记录忌讳笔画过于繁索在程序中的命名又何尝不是呢? 组件的命名和它的功能相配套不与其他业务组件重名,让人一眼就...

vue3中给组件命名

weixin_42479421的博客

03-17

1514

vue3中的组件命名

vue 组件命名规范

10-10

Vue 组件命名规范一般遵循以下几点： 1. 组件名称应使用帕斯卡（Pascal）命名法，即每个单词首字母大写，不使用连字符或下划线。例如：MyComponent。 2. 组件名称应该具有描述性，可以清楚地表达组件的功能或用途...