vue slot

Question

<template>
  <div>
      <p>故人具鸡黍，邀我至田家。绿树村边合，青山郭外斜。开轩面场圃，把酒话桑麻。待到重阳日，还来就菊花。</p> 
      <slot name='dufu'>
         城阙辅三秦，风烟望五津。与君离别意，同是宦游人。海内存知己，天涯若比邻。无为在歧路，儿女共沾巾。     
     </slot>
     <slot name='libai'>
       故人西辞黄鹤楼，烟花三月下扬州。孤帆远影碧空尽，唯见长江天际流    
     </slot>
  </div>
</template>

<script>
export default {
  name: 'slot'
}
</script>

<style>
</style>

组件引入：
  <SlotTest>
      <h3><slot name="dufu">世间始终你好</slot></h3>
 </SlotTest>

为什么没有写组件引入时slot name='libai' 还是显示出来？ 我看了一下午的slot了 还是没看太明白slot 哪位大神帮忙分析下

Answer 1

<SlotTest>
    <h3 slot="dufu">世间始终你好</h3>
</SlotTest>

Answer 2

你这个组件的名字应该是SlotTest.vue,
然后，你要理解slot的作用只是分发内容，即在子组件中插入父组件的内容。
其次，你的组件引入方式不正确，应该如上楼那样才是合理的，不然你只是把SlotTest中模版输出而已。
默认匿名slot是要展示的。
[https://cn.vuejs.org/v2/guide...具名插槽]
希望给你提供帮助