问题一:
(1)写了关于路由配置的代码如下:
export default new Router({
routes: [
{
path: '/',
name:'Hello World',
component: HelloWorld,
--------------------------------------------------------
children: {
path: '/',
name:'topBar',
component: topBar
}
}
----------------------------------------------------------
]
})
发生了如下错误:
发生上述错误的原因是children的写法错误,改正后的代码为:
export default new Router({
routes: [
{
path: '/',
name:'Hello World',
component: HelloWorld,
--------------------------------------------------------
children:[ {
path: '/',
name:'topBar',
component: topBar
}
}]
----------------------------------------------------------
]
})
问题二:
(2)上述问题改正后,又出现了如下的错误:
[vue-router] Named Route ‘HelloWorld’ has a default child route. When
navigating to this named route (:to=”{name: ‘HelloWorld’”), the
default child route will not be rendered. Remove the name from this
route and use the name of the default child route for named links
instead.
解决办法:
因为当某个路由有子级路由的时候,这时候父级路由需要一个默认的路由,所以父级路由不能定义name属性。
故解决办法是:即去除父级的name属性即可
问题三:
我在components文件夹下新创建了一个文件nav.vue
import '../assets/base.css'
export default {
name: 'nav'
}
vue在引入组件后,出现了如下的错误:
问题的原因是:
在注册组件时nav时,因为nav是HTML中已经存在的标签,故会出现错误。
解决办法:
(1)修改nav.vue为topBar.vue
(2)将上面代码里的name修改成如下即可:
import '../assets/base.css'
export default {
name: 'topBar'
}