vue组件component、属性prop及事件的命名和引用大小写规则（vue2 & vue3）

1、组件名 官方推荐的组件名是 每个单词首字母大写（PascalCase） 或者 全小写用 - 连接（kebab-case） 。 在DOM中使用的时候， 改为全小写， 单词之间用 - 连接。 2、模板文件命名（小写或者驼峰命名法） 3、props 声明 prop的时候， 使用驼峰命名（myProps）， 模板中使用的时候， 用 - 连接（my-props） props: { myProps: {} } <my-component :my-props="abc"></my-co

前端 vue 开发规范： 1、目录构建规范 2、命名规范 3、结构化规范 4、注释规范 5、编码规范 6、CSS 规范 一、目录构建规范 当前采用的Vue的基本目录规范 二、命名规范 1、普通变量命名规范 命名方法 ：驼峰命名法 命名规范 ：名字需语义化 2、常量 命名方法 : 全部大写 命名规范 : 使用大写字母和下划线来组合命名，下划线用以分割单词。 const MAX_COUNT = 10 const URL = 'https://www.baidu.com/' 3、组件命名规范 ...

组件文件命名首字母大写：MyComponent.vue(自己用）或my-component.vuename和组件文件命名一致即可组件引入可以自己命名，这里和文件命名一致方便查找，我使用MyComponent即首字母大写的方式。

记录一下命名的的一些坑 组件命名的大小写 组件名大小写 定义组件名的方式有两种： 使用 kebab-case Vue.component('my-component-name', { /* ... */ }) 当使用 kebab-case (短横线分隔命名) 定义一个组件时， 也必须在引用这个自定义元素时使用 kebab-case，例如<my-component-name>。 使...

定义Vue组件名的方式有两种： 使用 kebab-case Vue.component('my-component-name', { /* ... */ }) 当使用 kebab-case (短横线分隔命名) 定义一个组件时，必须在引用这个自定义元素时使用 kebab-case，例如 <my-component-name>。 使用 PascalCase Vue.component('...

组件注册、Prop传值、slot插槽、动态组件、异步组件

2. 当使用 PascalCase (首字母大写，如Vue.component('MyComponentName', { /* ... */ })) 定义一个组件时，你在引用这个自定义元素时两种命名法都可以使用。1. 当使用 kebab-case (短横线分隔，如Vue.component('my-component-name', { /* ... */ })) 定义一个组件时，你在引用这个自定义元素时也必须使用 kebab-case，则必须使用<my-component-name>引用组件。

前言本命名风格指南推荐了一种统一的命名规范来编写 Vue.js 代码。这使得代码具有如下的特性： 统一团队的命名规范，其它开发者或是团队成员更容易上手阅读和理解。 IDEs 更容易理解代码，从而提供高亮、格式化等辅助功能。本指南只是个人总结归纳的，仅作为一种参考。命名分类现在常用的vue命名规范无外乎四种：camelCase（驼峰式 ）kebab-case（短横线连接式）PascalCase（帕斯...

vue2调用组件时的名称规律

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

1. 命名规范 2. 代码规范 3. 代码注释 4. 编写习惯 5. git提交

Component自定义组件创建及引用

使用小写字母和连字符（短横线）命名目录，使用有意义的名称来描述目录的内容和用途。例如 assets、components、 例如：弹窗文件夹：模块名-modal。

组件注意的几个地方注意点总结 注意点 1.组件名的写法。即在注册组件的时候，定义的组件s前边的字符，叫组件名，当一个单词的时候，首字母大写。多个单词的时候，就全用写小写，如my-school，第二个写法就是MySchool，这是在vue脚手架中写的。 components:{ School:s } 2.组件的标签，就是在div中显示的标签。如我们定义了一个组件s，然后组件名叫School，然后在div中使用组件,下述代码中的school就是组件标签，这是第一种写法，还有第二种写法是&lt;School/&

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

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

Vue组件：文件名和引用时都应采用PascalCase，即每个单词首字母大写的驼峰命名法，例如 MyComponent.vue。目录：推荐使用小写字母和短横线 - 来分隔单词，例如 components/common。Vue3 项目的目录结构通常遵循一定的组织原则，旨在提高代码的可读性、可维护性和模块化。在 Vue3 中，单文件组件 (SFC) 的内部结构也遵循特定规范，通常包含 、普通变量：采用驼峰命名法（camelCase），例如 myVariable。

在 Vue 3 中，遵循一致的命名规范可以提高代码的可读性和维护性。：如 Vue Router 的命名路由、Pinia 的 Store 命名等，需遵循各自文档的建议。：在 DOM 模板中，组件名、Props、事件名等需使用 kebab-case。路由命名使用 camelCase 或 kebab-case（如。-- 文件名: MyComponent.vue -->遵循这些规范能让代码更清晰，减少因命名导致的潜在问题。自定义指令名称使用 kebab-case（如。-- 定义插槽 -->-- 使用插槽 -->

声明组件：单词首字母大写命名，如MyComponent,组件名应该始终是多个单词，根组件App除外。views文件夹下，只有一个文件的情况下不需要创建新的子文件夹，而是直接放在views目录下。小驼峰命名法，如mySchool，命名必须是跟需求内容有关的词，命名是复数的时候需要加s。使用组件：短横线分割命名，如全部大写，使用大写字母和下划线来组合命名，下划线用以分割单词，如MAX_COUNT。多个特性的元素应该分多行撰写，每个特性一行，增强可读性。