zoukankan      html  css  js  c++  java
  • 插槽slot

    主要是让组件的可扩展性更强。
    1.匿名slot使用

    //定义组件my-component
    <div class="myComponent">
    <slot></slot>
    </div>
    //使用方法
    <my-component>
    <p>我就是slot的替代内容,这里可以放任何标签元素,即使是一长串ul>li列表</p>
    </my-component>
    

      

    2.具名slot使用
    //定义组件my-component
    <div class="myComponent">
    <slot name="mySlot"></slot>
    </div>
    //使用方法
    <my-component>
    <p slot="mySlot">我就是这个叫mySlot的slot替代内容,这里可以放任何标签元素,即使是一长串ul>li列表,但是我是一个有名字的宝宝,所以你必须给我加上slot="mySlot",不然我就报错给你看!</p>
    </my-component>
    

      

    如果不在有slot的组件里加入任何标签,slot什么都不会显示的。
     
     
     
     
     
     
     
     
     
    -----完-----
    不安逸,不浮躁,牛B就是一个学习累积的过程
  • 相关阅读:
    HTML笔记
    html文本格式化
    标题大小与字体大小的关系
    html学习笔记
    冒泡排序
    直接插入算法
    绘制针状图
    绘制矢量图
    饼图pie 或者pie3
    三维直方图
  • 原文地址:https://www.cnblogs.com/pengshengguang/p/7699455.html
Copyright © 2011-2022 走看看