Vue.js demo

by denvdmj

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.3/vue.min.js"></script>
<div id="app">

  <input v-model="message">
  <p>Message is: {{message}}</p>

</div>
  
<a href="https://vuejs.org/v2/guide/index.html">https://vuejs.org/v2/guide/index.html</a>

CSS

:root {
  font: 17px/1.5 "Roboto", "Arial", sans-serif;
  font-stretch: ultra-condensed;
  text-align: left;
  cursor: default;
  background: #fff;
  color: #000;
}
body {
  margin: 0 auto;
  padding: 1em 2em 4em 2em;
  min-width: 20rem;
  max-width: 40rem;
}

input { 
  display: block;
  width: 20em;
  padding: .1em;
  margin: 1em 0;
  font: inherit;
}

JavaScript

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})