Vue中插槽详解

作用一：在父组件中向子组件中添加html元素

children-three.vue

<template>
<div>
  <h1>Slot要显示的内容</h1>
  <slot></slot>
</div>
</template>

<script>
export default {
  name: "children-three"
}
</script>

<style scoped>

</style>

parent-one.vue

<children-three><h1>这是Slot里面要显示的内容</h1></children-three>