5 Easy Ways To Pass Info To Vue Components!

[@ponic12]

What about the event bus (emit)?

[@scryptum]

Inject method looks really useful. Thanks!

[@oleksandr3275]

Hi Erik ! I am new in Vue js, and your tutorial is very helpful ! Thanks

[@ProgramWithErik]

Glad it helped

[@kimhakkol7199]

Yes, my mind was blown while watching the video! Thank you so much! :)

[@matthewbeardsley7004]

Thanks for the overview Erik, I kinda wish there weren't so many ways, so that it is easier to follow convention

[@ProgramWithErik]

Yeah, you are right. Just pick the easiest way for you

[@Y2hlc3Rlcg]

more of this Erik. this is very helpful! developer from Philippines.

[@wind8x1]

This is the best formula of passing data in different ways.

[@rabbyhossain6150]

With "vuex " I faced two problems : 1. Mutating state property directly and 2. while refreshing the page "vuex" state backs to its initial state. It will be great if you clear those concepts or show best practices.

[@KostiaBazrov]

PARRENT => provide() {return { myText: this.otherProps}} Child => inject['myText']

[@ProgramWithErik]

Kostia Bazrov-WORK thats a good one , I was going to show how you can make an observable object using Vues observable , but I ran out of time. That could work to with inject

[@Delere567]

hey tutorial was great but i have a api data and using it in a vue page ok and now i passing a part of it to vomponent and it work nicely but when i refreshing the page it wont send the data again can you guide me to make it to pass data even after page refreshing please?

[@rajikkali]

$parent is golden. I've built a ton of Vue apps and never knew about that one.

[@christopher7540]

such a great video. thank you erik .please make a video about how we can use vue with express and mongodb. i know it is very easy to use firebase for database with vue but mongo with vue is a little bit confusing for begginers like me. thank you in advance

[@ProgramWithErik]

OK!

[@timtitus7861]

Excellent tutorial buddy! Really enjoyed this

[@blokche_dev]

Vuex may appear a bit cumbersome in some situtations. Event bus also may be a nice way to pass data across different components (with or without relations).

[@ProgramWithErik]

blokche_dev that’s another good one !

[@dcernach]

I couldn't agree more, just check this out: austincooper.dev/2019/08/09/vue-observable-state-store/

[@scryptum]

Could you make some videos about Vuex persistent Data and Cookies?

[@osmelguarepo6523]

use cases of using refs and prototype?

[@opereznet]

Hi Erik, I have a Nuxt-Vuetify app which only has the default and index layouts. I'm trying $refs method to make changes on default.vue. If I add a {{ message }} on default's toolbar (v-app-bar and v-toolbar-tile) and change it from index.vue works perfect but didn't work on default's footer (v-footer v-row v-col), can you help me out? By the way, I really learn from your videos, you have high level of knowledge and know how to explain. Thanks.

[@yongpinbong441]

Nuxt: What if the parent component is the default.vue from the layouts folder, would you still be able to send data from the default.vue to your components from either the page's folder or component's folder?

[@onnot701]

thx very informative video

[@alexeypochivalin7692]

Hi, thanks for video. But example with Vue.prototype don't work for me. In conole.log i have a vue is function and "Vue is a constructor and should be called with the `new` keyword". Can you help me, what could be the error ?

[@vibonacci]

props + this.$parent is the fastest one for direct child / father exchange

[@Same7ashY]

Right, but "this.$parent" is considered a bad practice, I think. Plus you're technically not "passing" the data, instead you're reaching out for the parent and getting that data.

[@nitinnanda1865]

do you have the git project where you have NOT made these changes already? I want to follow along the video but git project already has the changes so it makes no sense.

[@hai6460]

anyone knows how to pass data between two components that aren't related. Thanks

[@ProgramWithErik]

Then you'll need to use something like vuex

[@hai6460]

@@ProgramWithErik Yeah thank you, i also found out i could use something called 'Bus event' it did pretty good job

[@raihan.nismara]

IT'S DOPE

[@ytmrdk]

How about Fire.$emit 😁, but thanks for this videos, excelent!

[@ProgramWithErik]

Yes! I didn't mention that but yes

[@HoracioDegiorgi]

To favs. Thanks

[@phredlane9081]

Why not use events? That's the first thing that came to mind.

[@moldovandorin6187]

i tried for hours to make Vue.prototype work and it doesn't...it baffles me that in this tutorial it works...and I don't understand why in mine is not....damn

[@Waelio]

What about $emit ?? 😲😮😱😱😳😬

[@karnjeet1]

How to call child method from parent

[@karnjeet1]

We have index page all child page loaded inside of index page using routing. We require to consume method of child page from index

[@jotasenator]

I was here hoping to find some $event in here..?!

[@maskman4821]

the sixth way is using bus !

[@ProgramWithErik]

Yes, I thought about showing that, maybe next video

[@dasten123]

Parent: window.message = 'thisisaverygoodidea'; Child: setInterval(() => this.message = window.message, 1337);

[@jamshediqbal7936]

I am a React developer. After watching this video, it reminds me of Angularjs 1.x days..

[@peterugah9295]

Second

[@_nom_]

Vuex has a terrible API.

[@dev9vil287]

Your intro should be smaller

[@taranrishith]

First!