问答

vue 双向绑定的一个问题

作者:admin 2021-04-22 我要评论

像这种引用data里同个属性的,是用了一个Dep还是两个呢 即,是一个dep里有2个回调(更新视图) 还是2个dep,分别对应1个回调 ### 仔细看了下源码,每个vue组件只...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

image.png
像这种引用data里同个属性的,是用了一个Dep还是两个呢
即,是一个dep里有2个回调(更新视图)
还是2个dep,分别对应1个回调

###

仔细看了下源码,每个vue组件只有一个watcher,所以只有一个dep。当重复用count时,第一次会把updateComponent作为回调传入,第二次开始,会判断这个dep的id是否已存在,存在则不会再存了

###

data里的属性只会watcher Observer一次,watcher Observer里只有一个dep。再说回调,回调是render函数,整个teample是一个render回调函数,如果你两个input是放在一块的,那么就一个回调

###

v-model可以拆解为两个部分,
例如v-model="count"
等同于
:value="count"
@input="val=>count=val"
所以在这个场景里面
改变了一个input,然后会触发input事件,通过该input对count进行赋值
然后是vue拦截到数据变化再对视图进行了更新

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue 双向绑定的一个问题

    vue 双向绑定的一个问题

  • php怎么读取doc和docx内容

    php怎么读取doc和docx内容

  • 为什么JQ的each方法只对其中一个元素有

    为什么JQ的each方法只对其中一个元素有

  • 关于 vue 数组响应式原理的源码问题

    关于 vue 数组响应式原理的源码问题

腾讯云代理商
海外云服务器