美文网首页
V-model 双向绑定

V-model 双向绑定

作者: Betterthanyougo | 来源:发表于2019-10-08 18:23 被阅读0次

    v-model本质上是 :value和v-on的结合体,就是绑定他的value,通过v-on触发,从而更新数据

    双向绑定得的实现主要依赖于Object.defineProperty(),通过这个函数可以监听到get,set事件

    其中observer是最主要的部分,用Object.defineProperty来实现数据的劫持,然后用他的set,get方法来通知订阅者,触发update方法,从而实现更新视图

    订阅者模式:每一个{{name}} v-model=‘name’都会添加一个订阅者,从而监听不同部分的变化,每一部分变化时都会循环触发相应的订阅者,更新到页面中。

    vue3中

    使用了proxy代替Object.defineProperty

    proxy 优点自动获取所有数据

    不会破坏原有数据,返回一个新的数据赋给原数据

    相关文章

      网友评论

          本文标题:V-model 双向绑定

          本文链接:https://www.haomeiwen.com/subject/fphipctx.html