vue v-model example

by federico_alfaro

HTML

<div id="vue-app">
    <h1>Keyboard Events</h1>
    <label>Name:</label>
    <input type="text" v-model="name">
    <span>{{ name }}</span><br>
    <label>Age:</label>
    <input type="text" v-model="age">
	<span>{{ age }}</span><br>
</div>

JavaScript

new Vue({
    el: '#vue-app',
    data: {
		name: 'jfyjty',
		age: ''
    },
    methods: {
        logName: function() {
            console.log("you entered your name")
        },
        LogAge: function() {
            console.log("you entered your age")
        }
    }
})