Question 6
Consider the below Vue router setup.
const User = { template: `<div><h1>User Profile</h1><router-view></router-view></div>`};
const UserPosts = { template: `<div><h2>Posts by {{ $route.params.username }}</h2></div>`};
const UserSettings = { template: `<div><h2>Settings</h2></div>`};
const routes = [ { path: '/user/:username', component: User, children: [ { path: 'posts', component: UserPosts }, { path: 'settings', component: UserSettings } ] }];
const router = new VueRouter({ routes});What will be the behavior when the user visits "/user/john/posts"?