@H_5020@

前言@H4042@

@H502_0@大家可能乍一看这个标题，可能会有疑问：v-model和组件也能扯到一起？在打算写这篇文章的时候，也是这么想的。咱们按简历的那一套STAR法则来梳理一下这篇文章：

@H_5020@

情景【Situation】：@H4042@

@H5020@编写通用的输入组件时，子组件要绑定到父组件的某个变量上dataA，当父组件要拿到自组件的值时不能通过this.$children.xxx取值然后付给dataA，

@H5020@而是父组件可以直接this.dataA就可以取到当前子组件最新值。

@H5020@

任务【Task】：@H4042@

@H5020@实现在父组件直接this.dataA就可以取到当前子组件最新值。

@H5020@

行动【Action】：@H4042@

@H5020@首先要了解v-model这个指令，许多认真阅读过完整vue文档的同学可能已经知道了关于v-model。

@H502_0@v-model官方给出的说发是：这其实是一个简写的形式，v-model实际执行的是下面的绑定：

<div class="jb51code">
<pre class="brush:xhtml;">