Vue.js 3.0 Composition API Tutorial in 15 minutes

0:00 Introduction
3:05 Setup Composition API
7:37 Watch Function
11:40 v-for loop over data

♡ ♡ ♡
Make Sure To Check These Courses Out On Udemy! 💻

___

Links (and code)

[anthonypetruzzi]

With all due respect, I'm 7 minutes in and there is no explanation of what the composition API is, nor the benefits of using it. I don't see how this is a tutorial.

[GrahamSutt]

How is the Composition API better than the tools we already have to achieve the same thing in Vue 2? I've been hearing and reading a lot of buzz about the Composition API, but I honestly don't see the benefit compared to using watch, data, methods, etc. Just seems like a fancy way to do the same thing. Maybe I'm missing something?

[LeoPacheco]

Hey, Erik! Thanks for the vue3 and ts content!

Quick question, why would I use this syntax over over just firing a method and populating the lis? Thanks!

[mrrolandlawrence]

Nice. V3 finally here. I was just learning from the beta on the assumption that it would be properly released before I got any good...

[danillofidelgomes]

nice tutorial, what difference in use this composition api or use a vue 2 structure?

[muslimk]

Your channel is a treasure to vuemankind!

[contractorwolf]

hey Erik, you doing your workshop again? any way to access the recorded vesion of it?

[HostDotPromo]

Had no idea vue 3 came out. Is it easy to update and transition from vue 2?

[marekurbanowicz]

Small, but an important mistake at the very beginning: "Some backend languages like NODE". Node is not a backend language. You are sort of influencer, so please be precise, so more junior people won't get it wrong.

[steveyang]

Could you please share the source code on github. I'd like to learn tailwind css with Vue 3 and postcss. Thank you .

[RussPainter]

The watch function doesnt specify what property it's watching. What am I missing? Will this get called if any property changes?

[leonardonam]

Thanks.Precisely I'm reviewing the news about Vue 3. will it come more vidios about composition api? Thanks man!

[jenmikeandfamily]

could you use selectors for styling the components and elements? i suggest just because the id's and class's are distracting from the code your writing, and would likely help viewers learn from you content more efficiently

[phongthornkhamkankaew]

Thanks for the great video!! Could you please share for How to call API and allow CORS in Vuejs 3+Vite?

[liana]

How did you enter a new line for <li> in 11:58? That would help me a lot!!!

[leskoding]

VIM inside vscode? why just dont use VIM 8 / neovim instead? :D

[Kirill-ndqv]

This might be a really silly question, but what keyboard do you use? That clicking sound is amazing. Not such amazing as your tutorials, but anyways.

[ivindtobiasjorfald]

Thanks for the vid! Fun fact: Erik written your way is a hugely common name in Scandinavia, so that's probably why you can't get the username anywhere. :)

[alisharobinson]

why do you have a watch function? Can you not just use the original name variable? Can't you just make a regular method that gets called on click and fetches the api? That way you don't declare another variable you just use the original since that is what you want. You just choose when to look at the variable and then after you get the data clear the original variable. Idk I'm just confused at why you declare another variable I guess to just demonstrate the watch function. Also I do not know the benefits of using reactive vs ref. Reactive just lets you declare an object and reference its' keys on assignment? Can you not do that with a ref? Idk another video elaborating the difference might be good.

[K_EastFace]

I would like to have more precision during the explanation between reactive & ref.
Also I didn't understand well the use of toRefs()

Thanks for the content, it's just a feedback for you, I know I can open the documentation but when watching the video it's cool to have the most importants informations