父组件中有两个子组件：子组件1 嵌套 子组件2
且子组件1 和 子组件2 都有<slot>

结果：
1.子组件1 slot不写name ，子组件2 slot写 name="content"，
内容可以正常渲染。

2.子组件1 slot写name="panel" ，子组件2 slot写 name="content"，
只能渲染子组件1的插槽内容。

3.子组件1 和 子组件2 slot都不写 name，
内容可以正常渲染。

请问：为什么会出现这种结果。

//子组件1: panel.vue
<template>
<div>
  <slot name="panel"></slot>
</div>
</template>

//子组件2 : content.vue
<template>
<div>
  <slot name="content"></slot>
</div>
</template>

//父组件
<template>
<panel>
  <h1 slot="panel">我是panel</h1>
  <content>
    <p  slot="content">我是content</p>
  </content>
</panel>
</template>

<script>
import Panel from '@/common/panel'
import Content from '@/common/content'
</script>