vue的插槽和插槽作用域

vue 2.6后

主要修改：v-slot代替了slot和slot-scope

<!-- 组件内定义插槽 -->
<slot name="slotName" :params="msg"></slot>

<!-- 使用1 -->
<template v-slot:slotName="params">
	{{params.msg}}
</template>
<!-- 使用2 缩写 -->
<template #slotName="params">
	{{prams.msg}}
</template>

vue.2.6前

<!-- 组件内定义插槽 -->
<slot name="slotName" :params="msg"></slot>

<!-- 使用 -->
<template slot="slotName" slot-scope="params">
	{{prams.msg}}
</template>

其他：

 // 后备文案，即默认值。
 <slot>Submit</slot>
 // slot的default在2.6后带作用域值不可省略。