vue 中 v-slot

最近做的一个项目里面很多这个v-slot,对这个真的是不懂。(https://blog.csdn.net/weixin_34357436/article/details/91435871)

后来看了看稍微懂一点了。

  • 子组件定义name,父组件使用v-slot:name来打通父子组件。
  • 父组件必需写上template标签,格式为v-slot:name="slotProps"
  • 子组件必需写上 name,相当于一个标记,一个ID。
  • 父组件向子组件传标签,子组件向父组件传值。

父组件

<div class='father'>
    <template v-slot:footer>
        <!--传标签给子组件-->
        <div>我是父元素的标签div</div>
    </template>
</div>

  

  子组件

<div class='child'>
    <template name="footer">
     
    </template>
</div>

  

  

posted @ 2020-09-28 13:53  Allisson-yan  阅读(125)  评论(0编辑  收藏  举报