Vue插槽slot

1.匿名插槽

//parent

<helloWorld>

　　插槽使用

</helloWorld>

//child

<template>

  <div>

　　<!-- 显示插槽内容：“插槽使用” -->

　　<slot></slot>

  </div>

</template>

2.具名插槽

给slot添加name属性。

//parent

<template v-slot:name1>具名插槽</template>

<template v-slot:default>默认插槽</template>

//child

<slot name='name1'></slot>

3.作用域插槽

//chlid

<slot name='name1' value='value1' aaa='aaa'></slot> //value可以动态获取

//parent

<template v-slot:name1="{value,aaa}">{{value,aaa}}</template>