The <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.


  • name

    • type: string

    • default: "default"

    When a <router-view> has a name, it will render the component with the corresponding name in the matched route record's components option. 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 <transition> and <keep-alive>. When using the both together, make sure to use <keep-alive> inside:


results matching ""

    No results matching ""