vuejs

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.
2.1 Hello World
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.
1
2
3 Hello Vue
4
5
6 Greetings your Majesty!
7
8
This is a simple HTML file with a greeting message.
Now we will carry on and do the same job using Vue.js. First of all we will include Vue.js and create
a new Instance.
1
2
3 Hello Vue
4
5
6
7 Greetings your majesty!
8
9
4