VUE中实名插槽

VUE中实名插槽

插槽的使用

//在子组件中添加插槽
<slot name="a1"></slot>
<slot name="a2"></slot>
<slot name="a3"></slot>

//在父组件中填入插槽
<div slot="a1"> <p> <input> </div>
<div slot="a2"> <p> <input> </div>
<div slot="a3"> <p> <input> </div>

之后可以把子组件中的计算都删了引到父组件中
省掉props引入等等

在子组件中定义插槽，在父组件中填上插槽，需要对上名字