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 composable components
- Implementing a centralized data repository with the powerful Pinia reactive store
- Reviewing browser-provided alternatives to share and store information
- Experimenting with reactivity, composables, and...
