假设有一段代码,通过isCollapse改变触发ref的子组件child触发方法resize(),借着触发callResize()方法。
这是vue组件的更新机制。
子组件是child,父组件是整个界面 ,在父组件上任意触发监听,调用方法resize();
resize()调用callResize(),callResize()把下面的3个方法的resize()一次调用。
循环遍历 父触发,父亲告诉子 resize 子告诉孙 resize。没有孙子,就调用停止。
想一个树形结构,导航菜单,点击导航菜单,切换对应界面。保证每个节点都跟着刷新。
就是说,父组件更新了,它的子组件,孙组件都要更新。子组件变化了,它引用的所有组件都要更新。
举个例子。当GlobalHeader中的logo属性发生变化,那么第二张图的这些组件都要更新。