v-model用于表单数据的双向绑定，其实它就是一个语法糖，这个背后就做了两个操作： v-bind绑定一个value属性； v-on指令给当前元素绑定input事件。
<template> <div id="app"> {{username}} <br/> <input type="text" v-model="username"> </div> </template> <script> export default { name: 'App', data(){ return { username:'' } } } </script>
v-model其实是个语法糖，它实际上是做了两步动作： 1、绑定数据value（v-bind） 2、触发输入事件input（v-on） 也就是说，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>
