2020-03-20 vue组件的驼峰写法的坑

在vue组件中camelCased (驼峰式) 命名与 kebab-case（短横线）命名有时是可以通用的。

props中的命名

在vue官网上有这样的一句话：

Prop 的大小写 (camelCase vs kebab-case)
HTML 中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名

所以在组件中，注册TabBarItem，使用要

import TabBarItem from '../../../components/common/tabbar/TabBarItem'
components: {
      TabBarItem
    }
<tab-bar-item></tab-bar-item>