写的还挺专业啊.

[aaawhz]

[aaawhz]

<div v-if="isInit" key="component"> <slot :loading="loading"></slot> </div> <div v-else-if="$slots.skeleton" key="skeleton"> <slot name="skeleton"></slot> </div> <div v-else key="loading"> </div>

[aaawhz]

能不能稍微解释下这段, 看明白了vue文档的slot, 还是看不懂这段.

[aaawhz]

列子里面没有传 loading ;
<vue-lazy-component> <st-movie-qq/> <st-movie-qq-skeleton slot="skeleton"/> </vue-lazy-component>

有类似这段, 这里因为有 slot='skeleton' 所以会进入 v-else-if='$slots.skeleton' 吧, 文档好像没有这种用法

[aaawhz]

isInit 是可以理解的, 进入可视区后, 会设置成true. 然后显示组件, 不进入其他分支, 隐藏骨架;

div v-else key='loading' class='loading' 这段可以自定义loading样式.