is light weight library for building interactive interfaces. Its easy to integrate it with other libraries and frameworks. Vuejs is used to develop single page application. It enables application to shift UI and changing URL without reloading page. Vuejs is mostly simalar to angular and vuejs is also simple than angular. Its also easy for beginners to learn.

Create simple web application in vue.js

Directory Structure
Below is directory structure the tutorial.




Include vue.js script in html file.

<script src="vue.js"></script>

Create new instance of with constructor function.


Full source

{{message}} prints value of message. v-model directive is used for two way data binding of form element.Kindly replace your id with my-app. Directive v-model added to input control for input and h2 tag to show output. {{ $data|json }} will output the data in json format.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">