v-model双向绑定实际上做了两步动作：

1、绑定数据value
2、触发输入事件input；也就是说，v-model等同于：<template>

<div id="app">
{{username}} <br/>
<input type="text" :value="username" @input="username=$event.target.value">
</div>
</template>

<script>
export default {
name: 'App',
data(){
return {
username:''
}
}
}
</script>