Summary

We’ve covered how layouts can be managed in a Vue application. The meta-based config should be sufficient for simple layouts, and if we need more control, then we should go with a dynamic layout. If the application is written in Vue 2, then we might want to go for the LayoutService option. If we’re using Vue 3, then it’s best to use the composable approach with layoutFactory.

It’s natural to wonder why we didn’t cover how to manage layouts with Vuex. While it’s a viable solution for smaller applications, there might be many different layouts in large applications, not only for the root route components but also for sub-layouts. Therefore, having one layout controlled with global Vuex and others in local component trees could be confusing and misleading.