关于vant组件在vue-cli中的注册方式的临时记录

问题：在vue-cli脚手架中去注册组件，只要在components属性中写上需要注册的组件名，但在引用vant组件时，这样的注册方式却是无效的。使用vant组件时组件的注册方式如下代码段中提供的两种。 

<template>
    <div>
        <van-button type="primary">主要按钮</van-button>
    </div>
</template>


<script>
import { Button } from 'vant';
export default {
   name:'tabbar',
   components:{
       //[Button.name]:Button,//方法1
       'van-button':Button,//方法2
   }
}
</script>

问题：在vue-cli脚手架中去注册组件，只要在components属性中写上需要注册的组件名，但在引用vant组件时，这样的注册方式却是无效的。

解释：Button.name的值是van-button。其实在方法2中，只是用Button对象为’van-button'赋值，van-button只是一个变量，这个变量也可以叫其他名字，只是在使用组件标签的时候也要做出相应的更改。至于为什么要增加这一步，猜测与vue中的一些命名规则有关，Button在组件标签使用时会被转换成小写的：button。如此会与html中的button产生冲突。