Learn Vue 3 - Ep 22, Dependency Injection With Provide and Inject

[@kylealistairhill3285]

These videos are super! Been working with Vue for a while now and still found these videos really helpful. The options API has been my go to method however, this made me reconsider the composition API. Clear and concise examples and a voice like butter! Thank you

[@grigoryvoevodin1107]

Good day. I'v watched the whole series of vue3 on your site. And I want to say that this is the best video course I'v ever seen. The way you structure things seems perfect for me. Thank you very match and good luck.

[@jasonrooney1368]

One thing to note is that in your 'safer' option, you're still passing down the name ref which can be mutated. To keep things safe, you can wrap it with readonly( name ).

[@captainalpha4853]

Thanks for the observation 😊

[@jazepsreinisbumbiers1413]

Great tutorial. One thing: I have seen that for some episodes you make a new template with code. My suggestion would be to make a repo with each templates chunk as a branch. It gets very tedious to rewrite all the template code for each episodes chunk.

[@RazvanIacob]

thanks for the video! really helpful! Looking forward to what else you have in store.

[@BillieBonse]

Jeffrey thanks!!! it's fire!

[@BrianReisman]

This is terrifically demoed! Thank you. One question, at 8:43 it seems this component is importing props only to expose them via provide( ). Am I right under non-demo circumstances this is an anti-pattern and wherever those props come from should be the component to provide them?

[@bulent2435]

Before you showed passing functions in object, this whole thing was looking like reintroduced EventBus which was depreciated a few years ago.

[@user-nh8ge6hx9r]

Hey first of all thanks for your amazing vue videos. Got a question, when would you use a pinia store (with store to refs in the component) instead of provide/inject to share and store data across the app.

[@dj_des_u_s]

Another good one

[@vincentbeaulieu7553]

Could you delete the :quiz="quiz" props on the QuizFooter component and the :quiz="quiz" in the QuizFooter component to really show that we don't need those with inject/provide?

[@fahim52510]

It's a great

[@ishortsclips]

first