VueJs Template

Vue.js uses an HTML-based template syntax that allows you to declaratively bind the rendered DOM to the underlying Vue instance's data. All Vue.js templates are valid HTML that can be parsed by spec-compliant browsers and HTML parsers.

Below the example

<div id="vue_template">
 <h2>Name : {{name}}</h2>
 <div v-text="html"></div>
 <div v-html="html"></div>
 <a v-bind:href="href">Evan You</a>
</div>

new Vue({
  el: '#vue_template', 
  data: {
         name: "Evan You",
	 html: "<h4>Vue was created by Evan You</h4>",
	 href: "http://evanyou.me/"
  }
 })

Output