写篇文章之必须马上精通vue——(15)slot插槽

169 阅读1分钟

插槽是一个比组件还有难理解的概念,我觉得唯一形象的解释就是占位符,如果你理解占位符的作用,那么插槽其实也差不多,一学就懂了。知识总是神像形不像。

官方提示:

在 2.6.0 中,我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的 attribute。

slot插槽

插槽像占位符,父组件除了想往子组件内传递数据以外,还想往子组件里传递一个html结构(html标签)该怎么办。如果使用v-html加props也确实可以实现,不过我们通过插槽就可以快速的将html代码放入子组件中,直接通过子组件的标签。

6829f643b11035791b6ad41aee485729.webp

匿名插槽