v-model 双向绑定实际上就是通过子组件中的 $emit
方法派发 input 事件,父组件监听 input 事件中传递的 value 值,并存储在父组件 data 中;然后父组件再通过 prop 的形式传递给子组件 value 值,再子组件中绑定 input 的 value 属性即可。
子组件传值
首先子组件需要一个 input 标签,这个 input 标签需要绑定 input 事件,$emit
触发父组件的 input 事件,通过这种方法子组件传递值给父组件
<input type="text" @input="$emit('input', $event.target.value)">
父组件监听 input 事件,然后将事件携带的 input 输入的值传入到 data 状态中
<my-comp @input="value = $event"></my-comp>
export default {
// ...
data ()