VUE引入子组件命名不规范错误解决

昨天在做一个省市县三级联动子组件，文件名称为threelink.vue，结果总是报以下错误，用了各种方法还是报错，系统引入过另一个组件fetch.vue没有问题，但这组件总是报以下错误。

Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.

代码如下：

//threelink.vue代码为：
  export default {
    name: 'Threelink',

//引用文件导入为：
      import Threelink from "@/components/xiyou/threelink/threelink"
    
      export default {
    		components: { Threelink },

//文件中使用为：
     <el-col  :span="16" class="city-select">
        <three-link :adcode="adcode"></three-link>
      </el-col>

经过反复检查，由于这个组件名称是2个字母引入，由于VUE在不同的地方对驼峰字符要求不一下，引入文件改为如下才能使用。

  import ThreeLink from "@/components/xiyou/threelink/threelink"

export default {
    components: { ThreeLink },

根据规范注意以下：

1、子组件文件名全为小写：threelink

2、子组件export名第一字符大写：Threelink

3、引入组件每个字符都要大写：ThreeLink

4、components，与第3一样

5、使用的地方，用小写字符，用“-”分隔开，three-link

此问题反复试了多次，特此记录。