单个插槽也叫匿名插槽,多个插槽设置了name属性,也叫具名插槽。
根组件数据在子组件中展示,
在根组件中引入子组件,然后再子组件中用<slot></slot>
直接就可以展示根组件的数据,
单个插槽
根组件
<about>
<div>00000000</div>
</about>
<script>
import About from './views/About.vue'
export default {
components:{
About
},
data(){
return{
}
},
}
</script>
子组件
<slot></slot>
这样就可以了
多个插槽
根组件
<about>
<div slot="slot1">00000000</div>
<div slot="slot2">88888888</div>
<div slot="slot3">88000000</div>
</about>
子组件
<slot name="slot1"></slot>
<slot name="slot2"></slot>
<slot name="slot3"></slot>
这样就可以了