Vue的v-model在组件上传值

• 1、整个实现是先由父组件向子组件传递一个状态（username）；
• 2、然后存到子组件的props里，在把props接收到的数据作为子组件的状态初始值，并把该状态作为子组件input的默认value值；
• 3、当做某一个事件时，调用this.$emit方法，该方法里的数据其实是用过$event对象传过去的
• 4、这时候是通过$event把传过来的数据赋值给父组件刚刚给子组件传递过去的状态里（username）
• 注意：子组件里的props值必须叫value，自定义事件必须叫input，因为v-model就是value和onInput事件结合的语法糖

上面这张图是父组件的代码，第4行的代码其实是第8行的具体实现过程，第8行使用v-model进行了具体实现。

上面这张图是子组件的代码，在子组件里也要使用v-model使input的value值与data里的数据进行绑定。
这个方法也只适合在表单里使用。