Vue JS 3 Tutorial - 33 - Provide and Inject

[@ruvaifamasood7280]

It is funny that I have wasted my time in using the prop approach to nested components for many years. I am really grateful to you for this tutorial. This tutorial is life-changer for me. Stay blessed.

[@RootsterAnon]

I didn't know this existed, now by watching this video I'm Provide&Inject Guru. Tnx!

[@georgioskatsanakis1711]

Amazing explanation not only here but on every video I have seen about vue2/3 and react. You are a very good teacher!

[@chetangoyal1295]

Great Work man.. I really appreciate your dedication and teaching style.

[@mehreenbaakza6552]

You're legit my fave Vue learning resource.

[@wasyazizi1528]

Well done. It was best explaintion I have ever saw 🤙👏👏

[@elchino7672]

What a wonderful explanation! I have just a question: how do we provide back from ComponentF to grand-parent component App? Is it again by using $emit ?

[@suhridshayan6090]

Create an object inside provide, create a method inside the object, use that in the Inject component to set the value or send value to Provide component.

[@kamal_pratap]

@@suhridshayan6090 wow! I got the idea, can you share any article or video?

[@punithbn4008]

@Suhrid Shayan how to emit from child to parent using provide and inject can u please share the video

[@rpralica]

Thank You .Your tuts helps me a lot.

[@chessjames]

im so fucking grateful this feature exists. I was a bit concerned about having to pass down data in props and how tedious it would be.

[@Infinitude]

Easy and nice tutorial to understand.

[@philiphill6222]

Nice a clear description thanks.

[@Abdiel262]

What about child to child components? For example, Component A sending data to Component B.

[@iUmerFarooq]

Wonderful explanation Sir ji ;)

[@gowrisankarmaganti1474]

What will happen if Component C or E also provide a same property in provide function and accessing by using inject function in another component ?

[@khaldounal-nuaimi3594]

That’s just amazing! Thank you for this

[@manee427]

Thanks for wonderful Tutorial . do you have a plan to cover Router later? it will be very helpful especially nested Routers and Advanced Topics about that. again Thanks for wonderful video.

[@81jlgregorio]

Wow.... it's amazing!

[@rajatsharma6137]

Hi...at 7:49 I think you need to write {{ username }} rather than {{ name }} ...in the code you are taking in value from data property instead of provide property.

[@mayoormb8634]

@6:45 Not Inject, provide does not allow bind its property in template block, Hope I am correct.

[@kwesi959]

wouldn't using a store (vuex) be a better alternative?

[@radhikav2911]

Thanks. And waiting for next video

[@muaazhammad4446]

can we change the value from nested component ? or just injuct it only

[@rukkiecodes]

Awesome. thanks alot

[@shubhendrasrivastava2344]

So basically worked as redux thing in react?

[@RicardoBuquet]

so it is the same as context in react.

[@Smoonwalkerm]

How can I provide to router file ?

[@sanjay9970]

How to pass a function using provide and inject, suppose i want to pass counter value and increment function from app to nested child component,I am to pass counter value but I am unable to pass increment function? please anyone help me in this

[@nabeelanaaz7703]

Can we pass boolean in provide??

[@info_about-t4p]

[@ridl27]

ty man

[@anasyoussi514]

it's easier than context api in react js

[@nouchance]

Nice bro! Catch my royal like 👍

[@seshankkm5202]

upload react videos

[@vincentvanclef9630]

The first 2 minutes could be boiled down to 10-15 seconds, that was tedious to watch... Other than that, nice explanation.