美文网首页
solt插槽

solt插槽

作者: 每天进步一点点5454 | 来源:发表于2020-06-23 11:03 被阅读0次
    • solt插槽:说白了就是给一个组件传递一个相应的内容(传递标签数据,生成具体的信息)
    • slot-scope作用域插槽:绑定数据的插槽
    • v-slot:新语法

    在父组件了引入子组件(我容易忘记)

    ============================================================
    图片上有备注请仔细看哦

    • (1)匿名插槽:父组件调用子组件,可以直接获取到内容
      子组件
      image.png
      父组件使用
      image.png
    • (2)具名插槽:就是给子组件的插槽命名了,获取的时候是需要通过这个名字获取到内容的
      子组件
      image.png
      父组件
      image.png
    • (3)作用域插槽:子组件绑定了一个具体的数据源,父组件可以获取到这个数据
      子组件
      image.png
      父组件
      image.png

    全部效果


    image.png

    相关文章

      网友评论

          本文标题:solt插槽

          本文链接:https://www.haomeiwen.com/subject/rmmcfktx.html