VueJS 2 Tutorial

VueJS is a JavaScript framework.

VueJS extends HTML attributes with Directives, and binds data to HTML with Expressions.

VueJS is perfect for Single Page Applications (SPAs).

VueJS is easy to learn. Yes, much easier than jQuery!

Learn VueJS 2 now!


This Tutorial

VueJS is already easy to learn; yet, this tutorial is designed to get you started as quickly and efficiently as possible.

After walking you through the installation, you will learn the basics: interacting VueJS with DOM, understanding the VueJS instance, components, etc.

Then we move into more advanced topics, I even walk you through creating your first SPA(Single Page Application). Don’t worry if some of the names seem scary at first, we're gonna ease into them.


What You Should Already Know

You must be at least familiar with the basics of:

  • HTML
  • CSS
  • JavaScript

Examples

Learning by example is my favorite! I highly suggest playing with the example codes in your own editor or at least in the online JSFiddle playground that I've created.

Remember you won't learn anything until you get your hands dirty.

Don't know JSFiddle? JSFiddle is an online code editor that allows testing your JavaScript, CSS and HTML in the quickest way.


Already used jQuery?

With jQuery you select (query) HTML elements and perform "actions" on them. Vue is different a bit, even though you can do the same with Vue, in most of the times it's not needed. You can simply do the logic in your Vue instance and just bind the data to HTML with expressions.

You may just have an easier time if you could forget about jQuery and start learning VueJS with a fresh mind.