VUE.js_01

Udemy Course on VUE.js

by Carin Camen

HTML

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

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

JavaScript

new Vue({
el: '#app',
data: {
	title: 'I\'m Learning VUE.js!',
  message: 'And it is fun!'
},
	methods: {
  	changeTitle: function(event) {
    	this.title = event.target.value;
    },
    myQuestion: function() {
    	return 'Do you want to learn?';
    }
  }
});