Vue 监听子组件(v-model方式)

1 缺点：只能实现1个数据的绑定

<div id="app">
<input-mod v-model="inputVal"></input-mod>
<div>{{ inputVal }}</div>
</div>

Vue.component('input-mod', {
props: ['value'],
template: `
<div>
输入控件：<input type="text"
:value="value"
@input="$emit('input', $event.target.value)"
>
</div>
`
})
app = new Vue({
el: '#app',
data: {
inputVal: '默认值'
},
})