Vue Tutorial

Vue Home Vueintro Vue Directives Vue v-bind Vue v-for Vue v-show Vue Event Vue v-on Vue Methods Vue Event Modifiers Vue Forms Vue v-model Vue CSS Binding Vue Computed Properties Vue Warchers Vue Templates

Scaling Up

Vue Why, How and Setup Vue First SFC Page Vue Components Vue Props Vue v-for Components Vue $emit() Vue Fallthrough Attributes Vue Scoped Styling Vue local Components Vue Slots Vue v-slots Vue Scoped Slots Vue Dynamic Components Vue Teleport Vue HTTP Request Vue Template Refs Vue Lifecycle Hooks Vue Provide/Inject Vue Routing Vue Animation Vue Animations with v-for Vue Build Vue Composition API

Vue Reference

Vue Built-in Attributes Vue Built-in Components Vue Built-in Elements Vue Component Instance Vue Directivees Vue Instance Options Vue lifestyle Hooks

Vue Examples

Vue Examples Vue Exercises Vue Quiz Vue Server Vue Certificate

Vue Tutorial

Learn Vue

Vue is a popular JavaScript Framework

User interfaces built in Vue updates automatically when data charges.

Vue is easy to learn.

Start learning Vue Now>>

This Tutorial

This tutorial is specially designed to help you learn Vue as quickly and efficiently as possible.

First, you will learn the basics of Vue: text interpolation, directives, and how to incorporate events and forms into your project.

Then you will learn everything else you need to know about Vue:

Computed properties, watchers, methods, setup for Single-File Components (SFCs, *.vue files), and more.



Try it Yourself Examples in Every Chapter

\

What you should already know

Before you study vue, you should have a basic understanding of:



Vue History

Evan You, a Google employee using AngularJS, started to develop Vue in 2013.


Vue version 1.0 was released in 2015.



Vue Exercises



Vue Quiz?

Learn by taking a quiz! The quiz will give you a signal of how much you know about Vue.


Start Vue quiz

My Learning

Track your progress with the free "My Learning" program here at W3Schools.

Log in to your account, and start earning points!

This is an optional feature. You can study at W3Schools without using My Learning.


Learn by Examples

Learn by examples! This tutorial supplements all explanations with clarifying examples.

See All Vue Examples



Sign Up Log In