vue组件内容分发

作者: iqing2012 | 来源:发表于2018-04-11 15:07 被阅读5次
  1. 如果子组件没有<slot></slot>,在父组件里的内容将会被丢弃。
  2. 如果在父组件里的<child inline-template></child>,则会把child包含的父组件里的内容当做自己的模板。
  3. 当子组件模板只有一个没有属性的 slot 时,父组件整个内容片段将插入到 slot 所在位置。
  4. 当slot存在默认值,且父元素在<child>中没有要插入的内容时,显示默认值
  5. 当slot存在默认值,且父元素在<child>中存在要插入的内容时,则显示设置值
  6. <slot> 元素可以用一个特殊的属性 name 来配置如何分发内容。多个 slot 可以有不同的名字。具名 slot 将匹配内容片段中有对应 slot 特性的元素
  7. 作用域插槽
     作用域插槽是一种特殊类型的插槽,用作使用一个 (能够传递数据到) 可重用模板替换已渲染元素。 在子组件中,只需将数据传递到插槽,就像将 props 传递给组件一样
    在父级中,具有特殊属性 scope 的 <template> 元素必须存在,表示它是作用域插槽的模板。scope 的值对应一个临时变量名,此变量接收从子组件中传递的 props 对象

相关文章

  • vue组件内容分发

    如果子组件没有 ,在父组件里的内容将会被丢弃。 如果在父组件里的<...

  • 2020-07-23 一次性讲明白vue插槽slot

    vue插槽slot 一、前言 vue官方文档中在"组件基础"内容中提到组件可以通过插槽分发内容,那插槽是怎么使用的...

  • vue插槽slot

    vue插槽slot 一、前言 vue官方文档中在"组件基础"内容中提到组件可以通过插槽分发内容,那插槽是怎么使用的...

  • Vue插槽

    Vue官方文档中,我们可以通过插槽分发内容。 元素作为承载分发内容的出口:即在一个组件模板中使用 ,在使用该组件时...

  • vue 插槽

    插槽语法是Vue实现的内容分发API,用于复合组件开发。 匿名插槽 具名插槽 作用域插槽 将内容分发到子组件指定位置

  • Vue组件内容分发(slot)

    内容分发 为了让组件可以组合,我们需要一种方式来混合父组件的内容与子组件自己的模板。这个过程称为内容分发。 插槽 ...

  • Vue组件三-Slot分发内容

    Vue组件三-Slot分发内容 开始 Vue组件是学习Vue框架最比较难的部分,而这部分难点我认为可以分为三个部分...

  • Vue插槽slot

    Vue 实现了一套内容分发的 API,将 元素作为承载分发内容的出口。大致如下parent为父组件,child为...

  • slot是什么?有什么作用?原理是什么?

    slot又名插槽,是Vue的内容分发机制,组件内部的模板引擎使用slot元素作为承载分发内容的出口。插槽slot是...

  • slot(插槽)

    slot又称插槽,是Vue的内容分发机制,组件内部的模板引擎使用slot元素作为承载分发内容的出口。插槽slot是...

网友评论

    本文标题:vue组件内容分发

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