vue 插槽slot

插槽的定义:

<template>
  <div class="v-slot">
    <h2>我是一个小插槽</h2>
    <slot name="a">sssssqqq</slot>
    <slot name="b">aaaa</slot>
  </div>
</template>

插槽的使用:

<template>
  <div class="index">
    index
    <v-slot>
      <div slot="a">我是a插槽</div>
      <div slot="b">我是b插槽</div>
    </v-slot>
  </div>
</template>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,496评论 0 29
  • vue学习笔记 安装 Vue 提供一个官方命令行工具,可用于快速搭建大型单页应用。只需几分钟即可创建并启动一个带热...
    EL_PSY_CONGROO阅读 4,738评论 0 5
  • 一颗橡树的种子,好看也很好吃,一端光溜溜,一端毛茸茸。称其为一颗有趣的果实或者种子,都不为过。 从...
    一禾一阅读 3,405评论 1 1
  • 协同过滤-乐队评级
    编程回忆录阅读 1,661评论 0 0
  • 巜平凡的世界》读后感 在浩瀚的宇宙里,我们每个人太过渺小,生与死,悲与欢,穷与富。随着历史长河的流动,...
    王小阳阅读 3,064评论 0 0

友情链接更多精彩内容