美文网首页
slot插槽的使用

slot插槽的使用

作者: MaJiT | 来源:发表于2020-07-16 20:14 被阅读0次

1.匿名插槽

不指定名字


image.png
image.png

2.具名插槽(name属性是必填)

image.png
image.png

3.作用域插槽 (可以传递数据)

父组件:



子组件:


image.png

相关文章

  • vue插槽

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

  • 插槽

    插槽的基础使用,

  • Vue插槽:slot、slot-scope与指令v-slot使用

    不具名插槽 具名插槽 v-slotv-slot在组件中使用slot进行占位时,也是在slot标签内使用name 属...

  • 小程序组件插槽

    匿名插槽 使用时,用 slot 属性来将节点插入到不同的slot上。 实名插槽 使用时,用 slot 属性来将节点...

  • Vue01组件化实践-03 插槽 slot

    组件化 slot 插槽 demo github地址:feature/slot 分支 直接上代码体会插槽的使用吧

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

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

  • slot(插槽)

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

  • vue 插槽的使用

    vue 插槽手册 深入理解vue中的slot与slot-scope 插槽的使用其实是很简单首先要明白插槽是使用在子...

  • Vue 小知识点汇总

    插槽slot 如何使用slot的同时传数据(v-slot:name="value") situation: 父页面...

  • 18、Vue3 作用域插槽

    作用域插槽:让插槽内容能够访问子组件中,vue2中作用域插槽使用slot-scope,vue3中使用v-slot ...

网友评论

      本文标题:slot插槽的使用

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