Vue-router loads separately

there are two router-view that need to be rendered separately

component 1 render No.1 router-view

component 2 render No.2 router-view

1. The problem now is that component 1 and component 2 each render two router-view, that is, four contents are displayed.
2. If you can render separately, can you do a good job of router-view without re-rendering the content when switching components? it is useless to use keep alive.
3. Can nested named views v-show the effect instead of v-if

May.13,2021

keep-live has no effect. You can see if the component does not have name, refer to the article here

Menu