App.vue作为b.vue的父组件引用子组件
<template>
<div>
<p>这是没有带name属性的slot</p>
<p name="my-slot">这是带有name属性的slot</p>
</div>
</template>
<script>
import abc from "./b.vue";
export default {
data(){
return {}
},
components:{
abc
}
}
</script>
<style scoped>
</style>
b.vue中的写法
<template lang="html">
<div>
<slot></slot>
<slot name="my-slot"></slot>
</div>
</template>
<script>
export default {
}
</script>
<style lang="css" scoped>
</style>
