子组件slot:
Son.vue
<template>
<div>
<slot>默认显示内容</slot>
<slot name="nameSlot">具名插槽的用法</slot>
</div>
</template>
父组件调用:
v-slot 的别名是#
<template>
<son-slot>
<template v-slot:nameSlot> My Image’s Title </template>
<h2>ccc</h2>
<h2>sss</h2>
</son-slot>
</template>
<script>
import sonSlot from '@/components/Son.vue'
export default {
components: {
sonSlot
}
}
</script>
参考链接
原文链接: vue插槽的使用