<Fragment forRoute='/'>
<div>Home</div>
</Fragment>
<Fragment forRoute='/foo'>
<div>Foo</div>
</Fragment>
<Fragment forRoute='/foo/bar'>
<div>Bar</div>
</Fragment>
// routes.js
export default {
'/': { title: 'Home' },
'/foo': { title: 'Foo' },
'/bar': { title: 'Bar' }
}
When accessing the /
route... all good.
/foo/bar
renders all fragments... not expecting this.
/anything
renders the home fragment again.