Passing Data Between Components in Vue

The dilemma

When you are using a modern front-end UI framework that is based around building components (React, Vue, Svelte and Angular), you get some very nice benefits for large data-intensive projects…

  • Reactive Data, your UI will update based on changes in data
  • Encapsulation, since components are defined separately, they are reusable.
  • Speed Optimization, Shadow DOM, and good data management lowers the amount of re-rendering, resulting in faster performance.