Learn
Introduction to Vue
Review

Whew! This has been quite a whirlwind tour of Vue.js. We hope you enjoyed getting to try some of the awesome features Vue has to offer. If you were overwhelmed by all of this new content — don’t fret! We will be teaching all of these skills (and many others) in much more depth in future Vue lessons. Let’s summarize some of the awesome things Vue can do:

  • Make front-end code quicker to write — loading Vue in one line, mustache templates, built-in directives, and re-usable components make Vue easy to read and easy to write
  • Make front-end code easier to modify and fix — using readable mustache templates, using built-in heavily-tested directives, and consolidating repetitive code into components make Vue code less error-prone and easier to fix when errors do occur
  • Make front-end apps fast and responsive — Vue’s use of a Virtual DOM makes site updates happen only when they need to and incredibly fast when they do

You might still be asking yourself at this point — is Vue right for me? Should I be learning Angular or React instead? The answer is that there is no right answer! All of these front-end frameworks work incredibly well and are getting better every year. Each framework has its own syntax, but many of the skills you acquire will be transferable between frameworks. React also uses a virtual DOM. Angular also uses directives. Both use mustache-like templates and components. Learn the framework that is most exciting to you. All that matters is that you never get stuck in your learning journey.

We hope you enjoyed this overview of Vue.js. We’re excited to teach you more!

Instructions

Check out the app you built this lesson! Play around with it and review the code we wrote to see if it still makes sense. Add new data to display. Try modifying directives or even adding new ones to see what happens. Turn more of the template into custom directives. Even with the limited Vue tools you’ve encountered in this lesson, almost anything is possible!

We’re excited to see what you create.

When you’re ready, we encourage you to move on to the next Vue lesson to begin learning Vue in-depth.

Folder Icon

Sign up to start coding

Already have an account?