v-model 双向绑定

v2 .v-model的实现原理 

两个指令的结合 v-bind 绑定表单的value属性  v-on 绑定input事件 

当输入框的内容发生改变后  会触发input事件  拿到事件对象 赋值 实现双向绑定

      vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现 通过Object.defineProperty 劫持数据发生的改变 如果数据发生了改变(在set中进行赋值) 触发update方法进行更新节点内容{{str}从而实现数据顺序绑定的原理


v3 .v-model的实现原理 

               在v2中,v-model  ===> @input,      value

               在v3中,v-model  ===> @update:modelValue, modelValue

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容