问题一 组件引用其他组件内容失败
错误代码:
<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' //名字最好不要更改
网友评论