Vue form with live typing

Udemy.com Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)

by D7460N

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
  <input type="text" v-on:input="changeTitle">
  <p>{{ title }}</p>
</div>

CSS

body {
  background-color: rgba(0, 0, 0, 0);
  color: rgba(255, 255, 255, 1);
}

JavaScript

new Vue({
  el: '#app',
  data: {
    title: 'Hello Word!'
  },
  methods:{
  changeTitle: function(event){
  	this.title = event.target.value;
  }
  }
})