Vue 3 - What's New? What Changed?

[@abe10]

I bought the Vue course couple months back. Great to see its getting updated. Thanks Max!

[@rajibulnsu]

I have started following Max in Jan 2016 with the Laravel course when I was living in Malaysia. You have motivated me to be a better JavaScript Developer with Angular and then React, ReactNative and Vue. Fast forward with my life, now I moved in to your country and working for Lufthansa with Vue. Can't thank enough! Dankeschön! 😇- feeling grateful

[@academind]

Wow! That is simply amazing to hear! Means a lot to me - congrats! :)

[@hrabianero]

Max, you're amazing! You could just do another course but just update the old one! Big respect for what you doing and thanks for every course!

[@academind]

Thank you so much!

[@simpleprogramming4671]

Holy moly!! How can you update your course and learn something new at such a crazy fast speed!!!!! You are my role model in programming Max. Thank you for changing my life by teaching me programming. You saved my life, career, and many other things. Thank you.

[@jahiddev]

Huge respect sir. I bought the course 7 month ago. Getting a update to new version seems like getting a new course for free of cost. Thanks for your hard work and generosity ❤️

[@academind]

You're welcome! Thanks for the great feedback! :)

[@teodordimitrov7062]

You are one of the best teacher. Your examples are awesome and I also bought a few of your courses and they are awesome and always up to date. You deserve a medal for making video tutorials. Thank you. Keep going

[@inponderland]

A good amount of preparation clearly went into this video. It's very clear and well-presented. Thanks for your efforts, Max!

[@tsubasateacher]

Wow, my comment here is not biased by previous comment. It is indeed, your video is high quality, so clear and you're explaining it step-by-step. Its awesome! Immediately subscribed!

[@academind]

Wow, thank you!

[@geoffrey9888]

I learnt vuejs from your udemy course and now am a full stack developer. You are one master teacher.

[@shamshid]

I bought the course 2 years ago, im really happy to hear that you are going complete update to the course 😍

[@academind]

Hope you enjoy it!

[@jored56]

27:20 fun fact: they're called 'teleport' in Vue because there's a new html proposal to introduce a native element that does something completely different. React's 'portal' component predates the proposal. Vue first adopted the same name, but had to change when the proposal appeared.

[@yeicore]

When I saw the course update I felt like a kid opening a Christmas Gift hahaha Thank you Max, you are the best teacher :) Greetings from Mexico

[@academind]

Thanks! 😃

[@kaioneal6160]

You should be a professor. You teach better than 85% of the professor at my university.

[@academind]

Thanks so much, this means a lot to me!

[@lyricsmint567]

Actually 100% in my case..

[@Amir_ZMI]

Generally speaking the professors are usually outdated and ironically have forgotten how to teach. not even just coding but in a lot of other fields as well. At least that's been my personal experience.

[@zacbarnes2187]

Why be a professor when he is probably making a lot more than any professor? haha

[@lyricsmint567]

Actually professors "doesn't practice what they preach". They have no idea about updated ecosystems. They just re taught what they learned over the course of life..

[@cesarp6761]

Awesome Max. as always, well explained, simple. Can’t wait for the update course!!

[@99Spyder99]

I just finalize like 2 days ago your course on Udemy, Vue course, bro i just love you, you are an awesome guy. Happy new year! Wish you all the best, and good luck with your future goals.

[@chaderenyore1748]

Thank you max for the walkthrough and Great to hear of the update. It is currently available now. Thanks so much

[@Amir_ZMI]

I was waiting so God damn long for this max... finally. thank you this is a lot of hard work. Just updating the whole course for free is amazing. wow.

[@loginet1]

Found many guys trying to explain those changes. I didn't get them at all so I search for Max video... ha ha

[@jeremyblake]

Thanks for updating the course! I bought the course and was happy to hear.

[@alexhunter7766]

i comleted an assignment, went to bed and woke up to check the solution. I thought i was the victim of the mandela effect when the answer used completely different syntax to the day before, but it turned out Max had uploaded an entire new revamped course, and I had not had a complete mental breakdown. Thanks Max!

[@amerrashed6287]

I decided to buy the course after the update. Thanks Max for respecting your courses and students for keeping the courses updated🌹🙏🏼

[@academind]

Awesome! Welcome on board!

[@mubeenreminders7220]

Hey I have a question. At 08:18, how does `changeMessage()` get triggered? I don't see the connection. The method declared on the button's click event is `updateMessage()`, which emits 'update`.

[@gdifrancesco]

I think it's because: - In the JS, the button has a @click="updateMessage"; - The "updateMessage" function emits "update"; - In the HTML, the button has @update="changeMessage"; - Finally, the "changeMessage" function will change the message. (I'm not a Vue developer, so tell me if I'm wrong!)

[@mubeenreminders7220]

@@gdifrancesco You're absolutely right. I was only looking at `app.js`... perhaps neither of us are Vue developers, after all.

[@ntemkas1]

I really cant understand people who dislike this video. Max you are amazing and thanks for updating the enitre course on Udemy. Really you guys are awesome!

[@academind]

Thank you so much! Really amazing to read feedback like this! :)

[@danvilela]

Best explanation of Vue 3 features so far!!

[@kaezon]

Thanks for the update and the attached coupon, I just bought your course minutes ago. I encourage everyone to buy it to support Maximilian, he is a great teacher and his course worth every penny. Amazing job!

[@academind]

Awesome! Thank you!

[@jaymartinez311]

Quick note. Idk if itll get updated but when you buy the new vue3 updated course, make sure if you download the starter projects you update the package.json dev dependencies to vue: '3.x.x' which ever they are at when you see this. I thought the course wasnt really updated and was going to leave a nasty comment but thank god i updated the dev dependencies and everything was fixed. Must be because i enjoy Max teaching style and was avoiding being disrespectful but boy was it close. 😄So far so good. Great course

[@RezaSeedin]

Thank you Max for updating your course for free.. Your simply great.

[@jiandeng8595]

thanks , max, for both this video and the updating udemy vue2 => vue3, you're the best teacher and friend

[@StraightCoding]

The best explanation tutorial about this topic.

[@blind26sc]

I've just started on your course on Udemy, and now it is all updated! Thank you!

[@alexandermironenko2941]

This is a very good video product for the introduction to the VUE 3. Thank you, big brother.

[@pavankumargvs5693]

Was a bit disappointed you did not have latest vue 3 in the Udemy course which I purchased few days ago...just checked now everything re recorded and added new content...love you man ❤️

[@Janis_P]

29:10 In this case it would be useful to bind the $attrs of that components to the element like

[@juniorceccon]

It says that I bought the course in 2017... and I got the full update, that's insane.... my career took a focus much more to backend and I kinda put aside front end. I never finish the course, but I think that is a good opportunity to restart it.

[@smaragd_]

Nice video. Much better syntax in Vue3. So welcome.

[@Janis_P]

Personally one of my favourite changes is Vue 3's reactivity which wasn't really mentioned in this video

[@youropinioncomment]

Thanks for explaining the features that will be change in Vuejs.

[@isuke01]

Last year was really crazy for me ... I don't even know when it passed ... I was like "Vue 3 just relased" but now it is 2022 and it is over a year!

[@addaedans]

Really nice! I'm gonna buy your course in the next month :)

[@plachenko]

Nice overview. One thing that tripped me up as I was migrating over was that using refs in the template and using this.$refs only returns the last referenced dom element rather than an array-- might be a side effect of the composition api and the use of refs in the setup for reactive properties. Kind of annoying but somewhat understandable since using refs the vue2 way is a bit hacky.

[@mohammedsayeed330]

Regular student , Love all your courses , Purchased All Courses

[@academind]

Just amazing to read this! Thanks so much!

[@ZyncInteractive]

Your content is just brilliant. Bought the course, can't wait.

[@academind]

Awesome, thank you!

[@ramrama4844]

Your are just amazing sir and your are a allrounder in coding platform. Hatsoff sir..

[@vinaypauljana2765]

learned about all features of vue 3 in no time

[@shkrmkr]

Max, You are the best. You simply could make a new course and let old course students buy the new one again. But you didn't. I started learning Vue couple of weeks ago so I just enrolled in this lovely course. Thank you very very much Max ❤❤

[@adrian-4767]

Yeah, I appreciate that, too

[@loginet1]

Get those changes at first sight. Thanks a lot, Max! You're the best! Now, should I hurry and change my Vue2 app? Nope! I will wait for the Vue3 to be fully released, and even then, I will think twice. Those look to me more as cosmetics changes (except for the new features, maybe).

[@andreascc]

Max is great teacher, hope you are well

[@binodnepali]

Thank you 😊 Max. I was extermely waiting for it. You are really amazing. Lots of love 😍 from Nepal 🇳🇵 and the Netherlands 🇳🇱

[@mj2068]

this is so good! informative and accurate.

[@hawarhekmat1174]

Really really I love your dart and flutter course thank you ❤️❤️

[@mirodil.kamilov]

Great work 👍 I wish you also reviewed Laravel 8 update

[@user-oh4xi2xb2d]

Thank you for explanation, Max

[@lucerocrepuscular]

incredibly well explained and covered 👏

[@romannasemenyshyn7349]

You do a big thing. Thank you!

[@azizoid]

Another day i Purchased your Typescript course, without realizing it is you :-) and only today by watching your this video. i was like: "Hey, i know this voice from somewhere" :)

[@academind]

Awesome, thank you!

[@taufanali3170]

Good job as always Max

[@academind]

Thank you so much!

[@imaginary_pies]

Awesome, it'd be nice to have also some courses with vue 3 and TS

[@phee3D]

January 4 2021: For people still confused if they should use vue3 or vue2, if you are making a real production app (not just a hobby/practice app) then I recommend still using vue2 for the following reasons: Vue3 still doesn't work on ie11 at all, I've tested it and on the vue next github page it says ie11 still pending Some libraries and plugins will still not work with vuejs (might not matter for most of you) that being said, I live in a third world country and I'm still expecting a lot of people to be using IE11, which is the only reason I've decided to use vue2 for now and migrate the project once vue3 supports ie11. So if you're from somewhere like the states or australia or you're just not expecting IE11 users, then you should be fine going ahead with vue3.

[@BumChigaBum]

Hello! can i create html on server like standart web (ssr renderer), and give to client, on client side open it and vue load it add some data to html, but i dont want redrawn all doom, only maybe in top header like cart add to a unique person! and i think i want.. cashing page (ssr renderer) with out cart, need webpack? because only the shopping cart element is different thx, gj gl Please be understanding I don't know all the technologies but I'm studying them

[@rmznovali]

Wow, this is really cool. Thank you Max.

[@HereIam123]

The course on Udemy changed in literally a day after I finished it. Yeehaa, more vue to check out!

[@erics2133]

I was just wrapping up, was taking it slow because I was already learning Vue 3, so now I can go through it all over again too. :-)

[@rutwickgangurde3247]

Damn, I just bought the course for reference a week ago.

[@timothyokooboh3249]

Woow! Thanks a lot, Max.

[@avivshvitzky2459]

The 2 things I like the most, Vue and ONE PIECEEEEE

[@OctavioAmu]

Max you are amazing, I can't believe I bought your curse in Udemy on 2017 and now you updated to the last version of vue without asking for a penny where can we tip you for your amazing work?

[@soumyam9503]

thank you for this video , Just bought your vue Js course on udemy .

[@adante407]

Thanks for the Udemy update Max. Very much appreciated.

[@academind]

Thank YOU for your comment :)

[@MidwestDIY]

Hope to see your full courses on vue 3 and nuxt 3 in future

[@academind]

The Vue 3 course (e.g. the complete update of the Vue 2 course) is live since today.

[@kirilzvezdakoski]

Max, you are great as always. Thanks for updating the master course. I have one question though... Can vue2 components be used in a v3 app?

[@VandrerenErik]

great video, you saved me a lot of reading.

[@TheUndulyNoted]

Video begins at 4:00

[@mcvicbopbop2619]

This is gold bro thanks!

[@briantoon4128]

Thank you for this!

[@benjieburillo5863]

your course is great max!, is there any update for vue? like script setup and pinia?

[@alenamekhnina-marcalle5234]

Thanks a lot! Great job!

[@develvir]

Hi Max , I have question , how can i use vue 3 in laravel 8 app.js file

[@frontender]

Hi. Can anyone explain me, how i can mix props with composition api like in mixin in Vue version 2, offcourse if it possible. Or we still must use it with mixins?

[@forresthopkinsa]

Video starts at 4:41

[@murilolivorato1489]

very nice Max . congratulations . I have a question for you . Does Vue 3 bring new features of SSR ?

[@АхмедовШохрух-г2д]

Who knows how he correct indention in 27:44 Please if you know give an answer

[@apoorvbansal4699]

Max i took your Vue course on udemy but I noticed all the courses on udemy are basically beginner level, to make a production level application you need much more than that .Its my request to you to start a series on udemy to cover advance concept and whose level is intermediate atleast.

[@limsocheat]

Thanks, Max.

[@NeverCodeAlone]

Nice overview thx

[@MatthewChenIsAwesome]

Are you planning on updating your Nuxt course too?

[@dyunior]

Does the update with Vue 3 included also in "Nuxt - Vue.js on Steriod" course? :D thankx

[@compton8301]

Thanks Max.

[@anjaan7664]

Very Useful.

[@avivshvitzky2459]

Does Vue tree-shakes unused modules automaticaly on vue 3?

[@danieljie4721]

Will there be any future course on Next.js? Thank you so much for the awesome content!!

[@jipeejoce1353]

Hallo Max, will you update the Vue course on the Eduonix platform (like you did for your Udemy's students) or not ? Please let me know.

[@inqeejesus2622]

Hey guys, what should i start with as a beginner? vue2 or vue3

[@ludwingguate]

Thanks Max! This is a great video. Is the Nuxt.js course goint to be updated too?

[@bunyaminyilmaz3798]

Thank you max.

[@AdventuresOfAzeth]

Not even a week has passed since I've done the Vue 2 course xD

[@keithmachado4428]

This is a great and non-complicated walkthrough of Vue 3. Can you suggest any other use cases where "teleport" can be used?

[@AlexBogues]

Are there any changes to Single File Components? We use those a lot but I don't see a lot of people mentioning it.

[@academind]

Some new experimental features, but nothing you have to use. SFC work as you're used to

[@nimitw]

Y do they have once piece logo up there

[@muhammadammar5426]

Hi Max, Im your student at udemy, do your nuxt js course support this vue 3 version?

[@DedicatedManagers]

Only 3 minutes in... you didn’t discuss @vue/cli. Has it been updated to install Vue 3? If not what’s the process?

[@academind]

Nothing changed about the CLI. vue create allows you to pick Vue 3 to create new projects.

[@DedicatedManagers]

Academind Thanks... I must need to update my vue/cli. I don’t recall that as an option. As I recall, I need to add vue 3 after completing the set up. Something like “vue add vue-next” (or something to that effect). ...Its been a while since playing with vue 3.

[@academind]

Yeah, you need the latest version of the CLI, then you should get that option

[@DedicatedManagers]

Academind Great. Ill give it a try. Thanks for all the great videos! I make a few videos here and there, and I always ask myself if they are in the realm of the production, content, and educational value of your videos... they usually are not; you’ve set the bar quite high!

[@gasparsaldanasandoval7524]

Nice! Will you update the course on packtpub ?

[@academind]

Yeah, I did provide the update to them as well. I don't know when they'll publish it though.

[@erics2133]

His Udemy Typescript lessons have been updated as well, not sure how recently, but definitely this year. His ES6 bootcamp hasn't been updated, however, so still no coverage of async/await or other very recent things that I've seen. Then again, the ES6 bootcamp update might be a separate course rather than an update of the existing one.

[@jimlung1357]

If I update to Vue3, are all of the third-party plugins likely to break?

[@mortezaahmadi5710]

yep, if they are not in vue ecosysem