Vue Tutorial #4 - Break up your app into Vue Components

Vue components allow you to break up your application into smaller, discrete pieces.
The Vue framework is extremely simple to learn and fun to use.
It's my tool of choice for small widgets and simple apps, but can easily scale to large application development.
Vuejs is also the best framework for new JS developers to learn when starting out.

-~-~~-~~~-~~-~-
Also watch: "Tailwind CSS - why CSS utility classes save so much time"
-~-~~-~~~-~~-~-

[Hadoitz]

It 'd been frustrating times for me in learning Vue until I discovered this series. Thank you very much.

[fekfufag]

Definitely easy to understand and follow, especially because of your deep and patient explanation. Thank you a million!!! Btw, English is not my mother tongue but your voice is so clear that I can understand right in the blink of an eye!!!

[ismahenelarbi]

For those who might wonder how to link the component file to the main.js file, here's what I did
I went to index.html, added <script BEFORE the script tag that links the main.js file.
Hope this helps :)

[filipvartolomei]

Awesome videos! Very simple to understand!
Please continue, and cover the Vuex and Routing in Vue!
Thankyou very much! <3

[Mezklador]

Perfect explaination about Vue Components. A such a great clarification at the end! Bravo!

[Opentheass]

Always with great videos! Hoper there is more! Thanks!

[marshallatworkwork]

Another fantastic series going here. Great work!

[electroacoustico]

Great series yet again man!!! I always go to your channel when I want to learn something new or improve my stack. In this particular video, I have a question:

I have this legacy source code that's currently in Django with some very messy vanilla js and jquery and I'm looking to use modern JS frameworks. I'm seeing Vue to be the easiest to apply (at least from what I'm see here), but the problem is the {{ value }} and {{ value | filter }} are also what Django templates are using to render. Is there a way that the placeholders will not be conflicting??

[koodauskanava]

Please show how to fetch data from your backend.

[eyshawty]

What's that program called you are programming?

[dukiio]

Seems like I'm gonna learn Vue :D

[lucasmaldonado]

How do you put the components on other file? how do you import it to main.js? Thank you very much

[cooneywalker]

Anyone please tell me how to show it up on a browser... just by clicking index.html not working...

[justinwsmall]

Thanks! More vue please. Maybe some paid videos

[spanev]

Когда я меняю " <friend " на " <friend-component " - не работает

when i change " <friend " on" <friend-component " - don`t work

[chrisparker]

Good videos so far but this one has the same problem that many do: you use the term "friend" too much. For a novice, like myself, I can't tell which "friend" is coming from where. I know you _say_ where they come from but when I look at the code I still can't identify it. It all went downhill when you added "props" and used "friend" there too. I want to call this friendData (just so I can differentiate it in my head) but I haven't figured out (yet) what else should be called friendData.

[Kenoguname]

Your screen is very small and can't be read or seen properly