O'Reilly logo

The Majesty of Vue.js by Kostas Maniatis, Alex Kyriakidis

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 2. Getting Started

Let's start with a quick tour of Vue's data binding features. We're going to make a simple application that will allow us to enter a message and have it displayed on the page in real time. It's going to demonstrate the power of Vue's two-way data binding. In order to create our Vue application, we need to do a little bit of setting up, which just involves creating an HTML page.

In the process, you will get the idea of the amount of time and effort we save using a JavaScript framework like Vue.js instead of a JavaScript tool (library) like jQuery.

Hello Vue

We will create a new file and we will drop some boilerplate code in. You can name it anything you like, this one is called hello.html:

<html> <head> <title>Hello Vue</title> ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required