Vue.js First APp

by karlovac

HTML

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

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

JavaScript

new Vue({
	el: '#app',
  data: {
  	title: 'Hello, World!'
  },
  methods: {
  	changeTitle: function(event) {
    	// Vue proxies all our data/method properties
    	this.title = event.target.value
    }
  }
});