子组件因为内部需要运算加载比较慢 导致父组件需要等待子组件加载之后才加载
有无办让父组件包含的其他组件先加载?
如
<div v-for="item in list">
<a />
<b />
</div>
b加载缓慢 能否让a先加载?
###确定是循环渲染 list
导致慢的话可以把这个渲染延后执行,比如——
初始化 list
的时候赋值为空数组:
data: () => ({
list: [],
originList: [], // 这里放 list 本该赋予的值
})
然后在 mounted
阶段给 list
赋正确的值:
mounted() {
// ...
this.list = this.originList
}