美文网首页
slot插槽

slot插槽

作者: 最念倾城 | 来源:发表于2020-04-25 14:14 被阅读0次

solt 插槽

组件标签中的内容不会被渲染,(组件中写文字不会被渲染)
slot 相当于开启一段空间来存放组件标签中的内容
当组件标签中的元素 要分开的时候 用具名插槽 用slot属性标志元素,用name属性给slot标签起名

eg:
<hehe>
<span slot='top'>上面</span>
<p slot='button'>下面</p>
</hehe>
<tempale>
<div>
<slot name='top'></slot>   =>组件标签里面写的东西会被渲染
<slot name='buttom'></slot>
</div>
</template>
```z

相关文章

  • 插槽

    默认插槽: 具名插槽:slot name='footer' 作用域插槽:v-slot===slot-scope 默...

  • 2-6 vue 匿名插槽-slot

    匿名插槽-slot Slot插槽 —— 实现内容分发 什么是slot?slot的意思是插槽,其目的在于让组件的可扩...

  • Vue之深入理解插槽—slot, slot-scope, v-s

    Vue 2.6.0 以前Vue 2.6.0 以后具名插槽 slot具名插槽 v-slot作用域插槽 slot-sc...

  • 插槽

    插槽的基础使用,

  • 插槽slot

    插槽,占位符slot具名插槽,指定占位符slot、name作用域插槽,子组件占位符向父组件占位符通信。slot、s...

  • vue slot匿名插槽 / 具名插槽 / 作用域插槽

    slot 匿名插槽 slot 具名插槽 应用场景 slot 作用域插槽: 在父组件中可以获得子组件的数据,并在父组...

  • vue插槽

    vue插槽slot的理解与使用 vue slot插槽的使用介绍及总结

  • 在vue中使用插槽

    slot 插槽

  • vue slot插槽

    v-slot 插槽的用法: 单个slot内容时: 子组件: 父组件: 多个slot内容时(具名插槽): 子组件: ...

  • vue插槽slot详解

    插槽分类:具名插槽与作用域插槽。在新版中(2.6.0)统一都叫v-slot指令,老版中称之为slot与slot-s...

网友评论

      本文标题:slot插槽

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