vue中插槽的使用

插槽内容

<base-loyout>
<h1 slot="header"></h1>
<h2 slot="flooter"></h2>
<base-loyout>
作用域插槽
二、父组件对子组件的加工处理
在子组件中先定义
<ul>
<li v-for="item in list">
<slot v-bind:item=item>{{item.name}}</slot>
<li>
</ul>
下面是在父组件使用
<子组件标签 v-bind:list=list>
<template slot-scope="slotProps">
{{slotProp,info.item}}
</template>
</子组件标签>

vue中插槽的使用

原文：https://blog.51cto.com/14582569/2513363