在父组件引入子组件并使用
<slider ref="slider">
<div v-for="item in recommends">
<a :href="item.linkUrl">
<img @load="loadImage" :src="item.picUrl">
</a>
</div>
</slider>
中间这块的dom会在slider的组件内部的solt里面显示
<template>
<div class="slider" ref="slider">
<div class="slider-group" ref="sliderGroup">
<slot>
</slot>
</div>
<div class="dots">
<span class="dot" :class="{active: currentPageIndex === index }" v-for="(item, index) in dots"></span>
</div>
</div>
</template>
原文:https://www.cnblogs.com/joer717/p/10861351.html