<router-view> component is a functional component that renders the matched component for the given path. Components rendered in
<router-view> can also contain its own
<router-view>, which will render components for nested paths.
<router-view>has a name, it will render the component with the corresponding name in the matched route record's
componentsoption. See Named Views for an example.
Any non-name props will be passed along to the rendered component, however most of the time the per-route data is contained in the route's params.
Since it's just a component, it works with
<keep-alive>. When using the both together, make sure to use
<transition> <keep-alive> <router-view></router-view> </keep-alive> </transition>