Vue · Middle · Question 37 of 75
How are nested routes rendered?
{
path: "/settings",
component: SettingsLayout,
children: [
{ path: "profile", component: Profile },
{ path: "security", component: Security },
],
}- ✓Correct answer:
SettingsLayoutcontains its own<RouterView />, where the matched child renders - 2Children replace the parent component entirely
- 3Nested routes require a separate router instance
Explanation
Child paths without a leading / are relative to the parent. A child with an empty path '' renders at /settings itself.