首頁猿問 vue router官方教程...

vue router官方教程嵌套路由里邊的一個(gè)疑惑

ibeautiful 2018-07-11 12:15:46

教程上說此時(shí)，基于上面的配置，當(dāng)你訪問 /user/foo 時(shí)，User 的出口是不會(huì)渲染任何東西，這是因?yàn)闆]有匹配到合適的子路由。如果你想要渲染點(diǎn)什么，可以提供一個(gè) 空的子路由：訪問 /user/foo 時(shí)，User組件是能夠渲染的，只是無法渲染作為子組件的UserProfile和UserPosts。不知道教程為什么說 “User 的出口是不會(huì)渲染任何東西”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: [ { // 當(dāng) /user/:id/profile 匹配成功， // UserProfile 會(huì)被渲染在 User 的 <router-view> 中 path: 'profile', component: UserProfile }, { // 當(dāng) /user/:id/posts 匹配成功 // UserPosts 會(huì)被渲染在 User 的 <router-view> 中 path: 'posts', component: UserPosts } ] } ] })

查看完整描述

2 回答

慕碼人2483693

TA貢獻(xiàn)1860條經(jīng)驗(yàn) 獲得超9個(gè)贊

意思是如果直接訪問二級(jí)路徑的話父路由組件component對(duì)應(yīng)的應(yīng)該是一個(gè)空的頁面這個(gè)頁面里只有一個(gè)

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

反對(duì) 回復(fù) 2018-07-15

慕容森

TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超18個(gè)贊

不知道教程為什么說 “User 的出口是不會(huì)渲染任何東西”
這句話出口應(yīng)該是指 User中的<router-view></router-view>
在訪問 /user/foo 時(shí)路徑未匹配成功因?yàn)?code>foo 變成params參數(shù)
所以 User中的<router-view></router-view> 未渲染任何東西