v-for 组件加载缓慢

Question

子组件因为内部需要运算加载比较慢 导致父组件需要等待子组件加载之后才加载
有无办让父组件包含的其他组件先加载？

如

<div v-for="item in list">
    <a />
    <b />
</div>

b加载缓慢 能否让a先加载？

Answer 1

确定是循环渲染 list 导致慢的话可以把这个渲染延后执行，比如——
初始化 list 的时候赋值为空数组：

data: () => ({
    list: [],
    originList: [],  // 这里放 list 本该赋予的值
})

然后在 mounted 阶段给 list 赋正确的值：

mounted() {
    // ...
    this.list = this.originList
}