Prop Drilling

Prop drilling is an anti-pattern where the developer passes down a prop through multiple levels of components simply to access data defined higher up the tree in a deeply nested level.

Coding this way can lead to hard-to-maintain code. Learn how to avoid prop drilling with provide/inject or via a global state management solution.

Links

• Vue.js Docs - Provide/Inject
• Vue School Video - Using Provide Inject with the Composition API
• Vue.js Docs - State Management
• Pinia Docs
• Pinia Course