vue学习：问题汇总

问题一 组件引用其他组件内容失败

错误代码：

<template>
  <header/>
</template>

<script>
  import header from '../header.vue';

  export default {
    name: 'index',
    components: {header}
  }
</script>

<style>

</style>

组件引用其他组件内容失败，报错：Do not use built-in or reserved HTML elements as component id
原因不能占用html中默认的元素，更换组件名称即可
正确代码：

<template>
  <v-header/>
</template>

<script>
  import vHeader from '../header.vue';

  export default {
    name: 'index',
    components: {vHeader}
  }
</script>

<style>

</style>

问题二 TypeError: Cannot read property 'matched' of undefined

其实这个是按照官方的写法写的不会出现，但如果喜欢更改代码就会遇到。
原因是在官方定义路由的常量的命名其实是有规则的。
官方的路由定义和路由实例的名称分别是：routes和router
但是我们以为这两个可以随便变所以写成了自己喜欢的名称。但这样写之后就会出现上述错误了

import router from './router' //名字最好不要更改