写点什么

插槽

0 人感兴趣 · 3 次引用

  • 最新
  • 推荐

Vue 插槽详解

用户头像
高端章鱼哥
2023-06-26

Vue插槽,是学习vue中必不可少的一节,当初刚接触vue的时候,对这些掌握的一知半解,特别是作用域插槽一直没明白。后面越来越发现插槽的好用。分享一下插槽的一些知识吧。

https://static001.geekbang.org/infoq/61/619095ac1e68d9137f99b8671dda4cf3.gif?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

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

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

https://static001.geekbang.org/infoq/2f/2f98869c860a97cf2d8d5954ee974cdd.gif?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

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

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

插槽_插槽技术文章_InfoQ写作社区