Vue2响应式系统之嵌套怎么实现

这篇“Vue2响应式系统之嵌套怎么实现”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“Vue2响应式系统之嵌套怎么实现”文章吧。在开发中肯定存在组件嵌套组件的情况，类似于下边的样子。Vue回到我们之前的响应式系统，模拟一下上边的情况：可以先分钟考虑一下上边输出什么？1首先回忆一下会做什么操作。new Watcher第一步是保存当前函数，然后执行当前函数前将全局的赋值为当前对象。Dep.targetWatcher接下来执行函数的时候，如果读取了相应的属性就会触发，从而将当前收集到该属性的中。gettergetWatcherDep我们再一步一步理清一下：new Watcher(updateParentComponent);将赋值为保存了函数的。Dep.targetupdateParentComponentWatcher接下来执行函数。updateParentComponentnew Watcher(updateMyComponent);将赋值为保存了函数的。Dep.targetupdateMyComponentWatcher接下来执行函数。updateMyComponentdata.text = "hello, liang";触发的函数，执行它依赖的，而此时是函数。textsetWatcherupdateMyComponent所以上边代码最终输出的结果是：子组件收到: 内部 // new Watcher(updateMyComponent); 时候输出
父组件收到： hello, world // new Watcher(updateParentComponent); 时候输出
子组件收到: 内部 // data.text = “hello, liang”; 输出然而子组件并不依赖，依赖的父组件反而没有执行。data.textdata.text上边的问题出在我们保存当前正在执行时候使用的是单个变量。WatcherDep.target = null; // 静态变量，全局唯一回忆一下学习语言或者汇编语言的时候对函数参数的处理：C当函数发生嵌套调用的时候，执行函数的时候我们会先将参数压入栈中，然后执行函数，同样将参数压入栈中，函数执行完毕就将参数出栈。此时回到函数就能正确取到参数的值了。abbap对应于的收集，我们同样可以使用一个栈来保存，执行函数前将压入栈，执行函数完毕后将弹出栈即可。其中，始终指向栈顶，代表当前正在执行的函数。WatcherWatcherWatcherDep.targetWatcher回到代码中，我们提供一个压栈和出栈的方法。Dep然后中，执行函数之前进行入栈，执行后进行出栈。Watcher回到开头的场景，再来执行一下：执行的时候将入栈。免费云主机域名new Watcher(updateParentComponent);Watcher进入函数，执行的时候将入栈。updateParentComponentnew Watcher(updateMyComponent);Watcher执行函数，收集当前，执行完毕后出栈。updateMyComponentdata.innerDep.targetWatcher继续执行函数，收集当前。updateParentComponentdata.textDep.target此时依赖就变得正常了，会触发函数，从而输出如下：data.textupdateParentComponent子组件收到: 内部
父组件收到： hello, world
子组件收到: 内部
父组件收到： hello, liang以上就是关于“Vue2响应式系统之嵌套怎么实现”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注百云主机行业资讯频道。免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@byun.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。

相关推荐: OpenCV连通域数量统计实例分析

本文小编为大家详细介绍“OpenCV连通域数量统计实例分析”，内容详细，步骤清晰，细节处理妥当，希望这篇“OpenC免费云主机域名V连通域数量统计实例分析”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。在此不进行实例演示1、 输入图像…