写点什么

插槽

0 人感兴趣 · 2 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/61/619095ac1e68d9137f99b8671dda4cf3.gif?x-oss-process=image/resize,w_416,h_234

Vue 进阶(幺贰捌):Vue 插槽:slot、slot-scope 与指令 v-slot 应用讲解

用户头像
No Silver Bullet2021 年 10 月 9 日

在前期博文《Vue进阶(幺贰柒):Vue插槽》中主要讲解了Vue插槽的基础用法,此篇博文接下来讲解高版本下通过v-slot指令如何应用Vue插槽及与slot、slot-scope的用法区别。

https://static001.geekbang.org/infoq/2f/2f98869c860a97cf2d8d5954ee974cdd.gif?x-oss-process=image/resize,w_416,h_234

Vue 进阶(幺贰柒):插槽详解

用户头像
No Silver Bullet2021 年 10 月 8 日

插槽就是子组件中用slot标签定义的预留位置,可以设置name属性,也可以不设置name属性,设置name属性的叫具名插槽,不设置name属性的叫不具名插槽,在父组件中使用子组件时候,可以在使用子组件标签内通过声明插槽名或不声明插槽名的方式往子组件中的具名插槽

插槽_插槽资料文章-InfoQ写作平台