vue-test-01

by Nic Fontaine

HTML

<link rel="stylesheet" href="https://rawgit.com/ngpfontaine/bonkr/master/src/bonkr.css">
<script src="https://unpkg.com/vue"></script>

<section>
  <h2>Vue Test</h2>
  <input id="vinp" placeholder="Start typing..." type="text">
  <hr>
  <div id="app">
    <p><b>Output: </b><code>{{ message }}</code></p>
  </div>
</section>

JavaScript

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

document.getElementById("vinp").addEventListener("keyup", function(e) {
	app.message = this.value
})