When should provide/inject be used compared to props.
In my opinion props make component more meaningful.
Provide/inject makes components tightly coupled.
What are the use cases where using provide/inject is a better approach.
Please advice
Thanks
Here are some differences that helped me choose in many situations
From docs:
Provide / inject are used together to allow an ancestor component to serve as a dependency injector for all its descendants, regardless of how deep the component hierarchy is, as long as they are in the same parent chain. If you are familiar with React, this is very similar to React’s context feature.
example:
const Child = {
inject: ['foo'],
props: {
bar: {
default () {
return this.foo
}
}
}
}
Here is an article of a good example when to use provide / inject
