How to reuse modules in vue

problem description

I divide a project instance of bootstrap into adminlte according to the module requirements of vue. App.vue includes Header, sidebar, footer, contentwraper, that is, page header, sidebar, footer, and body.

but the problem now is that some of the business modules are displayed in contentwraper, so we don"t know how to plan the content of the business presentation.

the environmental background of the problems and what methods you have tried

clipboard.png

the division now shows that the basic page can be displayed normally. How can the pages of several business modules be added to the contentwraper? because one has joined the components, the other modules will not be able to use

.
Apr.08,2021

is generally done using vue-router . The specific distinction is contained inside the contentwraper component, using router-view.


  1. router-view
  2. dynamic components
Menu