vue组件的初始化顺序

Question

根组件：
包含页顶(A)，页面正文区域(B), 页尾(C)。这三大组件

页面正文区域(B)：
可能也包含多个不同深度的组件

问题:
由于B中组件加载的问题导致C一开始在某个位置(例:距顶部300px).B中的组件都加载成功后C的位置会发生移动(例:从300px跑到900px).此时会看到页尾在页面中出现漂移

求解!
有什么方法让C在B加载完成后再初始化

Answer 1

正文部分内可以挑个比较长的组件搞个大一点的加载态占位图，或者设置正文部分的最小高度，体验好一点的话骨架屏可以了解一下。

Answer 2

页面高度固定的话，把页面搞成flex或者grid，正文默认占满剩余空间，页脚自己占剩下的

页面高度不确定的话，那就A监听B初始化事件，然后控制C的显隐