为了账号安全,请及时绑定邮箱和手机立即绑定

vue router官方教程 嵌套路由里边的一个疑惑

vue router官方教程 嵌套路由里边的一个疑惑

ibeautiful 2018-07-11 12:15:46
教程上说此时,基于上面的配置,当你访问 /user/foo 时,User 的出口是不会渲染任何东西,这是因为没有匹配到合适的子路由。如果你想要渲染点什么,可以提供一个 空的 子路由:访问 /user/foo 时,User组件是能够渲染的,只是无法渲染作为子组件的UserProfile和UserPosts。不知道教程为什么说 “User 的出口是不会渲染任何东西”const User = {   template: `     <div class="user">      <h2>User {{ $route.params.id }}</h2>       <router-view></router-view>     </div>   ` }const router = new VueRouter({   routes: [     { path: '/user/:id', component: User,       children: [         {           // 当 /user/:id/profile 匹配成功,           // UserProfile 会被渲染在 User 的 <router-view> 中           path: 'profile',           component: UserProfile         },         {           // 当 /user/:id/posts 匹配成功           // UserPosts 会被渲染在 User 的 <router-view> 中           path: 'posts',           component: UserPosts         }       ]     }   ] })
查看完整描述

2 回答

?
慕码人2483693

TA贡献1860条经验 获得超9个赞

意思是如果直接访问二级路径的话 父路由组件component对应的应该是一个空的页面 这个页面里只有一个

<template>
    <router-view></router-view>
</template>

https://img1.sycdn.imooc.com//5b4b4c6f00011e8708000325.jpg

查看完整回答
反对 回复 2018-07-15
?
慕容森

TA贡献1853条经验 获得超18个赞

不知道教程为什么说 “User 的出口是不会渲染任何东西”
这句话出口应该是指 User中的<router-view></router-view>
在访问 /user/foo 时路径未匹配成功 因为foo 变成params参数
所以 User中的<router-view></router-view> 未渲染任何东西

查看完整回答
反对 回复 2018-07-15
  • 2 回答
  • 0 关注
  • 371 浏览

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号