Vue.js 3 Design Patterns and Best Practices

7

Data Flow Management

In previous chapters, we have focused on understanding the Vue 3 framework and providing a context to create web applications. In this chapter, we will focus on the way our components communicate with each other and share information to make our application happen. We have touched on this topic briefly previously, but now we will dive deep into some patterns by implementing them alongside each other. Applying an appropriate information workflow is an important skill that can make or break an application. In particular, we will see the following approaches and code examples:

• Parent-child-sibling communication
• Implementing a message bus using the Singleton and Observer patterns
• Implementing a basic reactive state with ...