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

组件命名方式有如下三种

1. 驼峰命名CamelCase`
eg: helloVue

2. 帕斯卡命名PascalCase
eg: HelloVue

3. 短横线命名kebab-case
eg: hello-vue

引入组件

import UserCpn from '../UserCpn.vue'
或者
import UserCpn from '../UserCpn'

注册组件

export default {
  components:{
    UserCpn，
  },
}

使用组件

    <user-cpn></user-cpn>

总结
命名方式种类：helloVue(Camel Case即驼峰命名法)，HelloVue（PascalCase即帕斯卡命名法）
为了以防万一，命名的时候统一使用帕斯卡命名法
但是在使用的时候统一使用 kebab-case命名方法