流浪のwolf

卷帝

导航

有封装过v-model相关的双向绑定组件吗?

有的,之前在做⼀个通⽤的上传组件的时候,⼀开始是通过传统的⽗⼦通信实现的,⽗传⼦实现的图⽚ 回显,⼦传⽗实现的图⽚url抛出传给给接⼝,后来使⽤v-model做了⼀点优化,简单了不少

追问: 具体是怎么做的,⼤概说⼀下步骤

我想想哈,⼤概是我们知道v-model是⼀个语法糖,当你在⼀个组件上写了v-model绑定了某个字段,这 个时候其实它悄悄做了三个事⼉

  1. 给组件绑定了value的属性

  2. 给组件绑定了input的事件

  3. 事件触发时参数的⾃动赋值

那基于这三个事⼉,我们就可以把原本需要⾃⼰绑定给组件的prop⼲掉,直接去组件⾥接受value的属 性,也可以把之前需要⼿动绑定的事件⼲掉,直接在组件中通过$emit触发input事件,甚⾄最后事件传 出来的最新的值赋值的事⼉也不⽤⼲了

posted on 2022-11-04 21:35  流浪のwolf  阅读(11)  评论(0编辑  收藏  举报