Summary

Let’s summarize what we’ve learned in this chapter.

We'll cover the following

What’s next?

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.

Get hands-on with 1200+ tech skills courses.

Before We Begin

Migrating from Vue 2 to Vue 3

Project Configuration and Useful Extensions

Scalable Project Architecture

Project and Component Documentation

API Layer and Managing Async Operations

Advanced Component Patterns

Managing Application State

Managing Application Layouts

Performance Optimization

Vuex Patterns and Best Practices

Application Security

Best Practices for Testing Vue Applications

Useful Patterns, Tips and Tricks

Conclusion

Appendix

Summary