Vue 添加组件和跳转

今天终于解决了一个小问题，过年这几天也没闲着，一切源于内心的热爱，哈哈……

今天解决了个什么问题呢？

前两天创建了一个组件添加了，添加了一个login.vue  跳转正常

<router-link to="/Login">Go to Login</router-link>

 但是添加了btcom.vue 之后，并且

<script>
export default {
  name: 'Bontcom',
  data () {
    return {
      msg: 'This is  Bontcom Page'
    }
  }
}
</script>

但是import的时候出错了 

 后来把名字和文件名一样就好了，如下图

结果如图：

 

目前来说， 总结的结论是：import from 后面的应该是文件的名称，但是Login的没有问题，不知道为啥。