Skip to content

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

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

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

Activity

PanJiaChen

PanJiaChen commented on Jul 1, 2019

@PanJiaChen
maozhuo123

maozhuo123 commented on Jul 3, 2019

@maozhuo123

大写开头

zhanls

zhanls commented on Jul 4, 2019

@zhanls

举手🙋‍

官方样式指南里是这样写的:
“组件命名应当是多个单词的,但根目录下的App组件或Vue提供的如<transition>, <component>内置组件除外”
这样做可以避免跟现有的以及未来的 HTML 元素相冲突,因为所有的 HTML 元素名称都是单个单词的。

附:Style Guide — Vue.js

GShJZhY

GShJZhY commented on Jul 29, 2019

@GShJZhY

定义组件名有两种方式:
1.kebab-case(短横线分隔命名),引用时必须也采用kebab-case;
2.PascalCase(首字母大写命名),引用时既可以采用PascalCase也可以使用kebab-case;
但在DOM中使用只有kebab-case是有效的

radio-qq

radio-qq commented on Dec 31, 2020

@radio-qq

组件名:大驼峰
调用组件时:小驼峰且-分隔
如:命名:MyComponent,调用:my-component

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@PanJiaChen@zhanls@maozhuo123@radio-qq

        Issue actions

          [vue] 说说组件的命名规范 · Issue #441 · haizlin/fe-interview