插槽

218 阅读1分钟

什么是插槽

插槽(slot)是vue为组件的封装者提供的能力。允许开发者在封装组件时,把不确定的、希望由用户指定的部分定义为插槽。

Screenshot_20230326_192925.jpg
vue官方规定:每一个slot插槽,都要有一个name名称
如果省略了slot的name属性,则有一个默认名称叫做default
在默认情况下,在使用组件的时候,提供的内容都会被填充到名字为default的插槽之中

注意

1.如果要把内容填充到指定名称的插槽中,需要使用v-slot:这个指令
2.v-slot:后面要跟上插槽的名字
3.v-slot:指令不能直接用在元素身上,必须用在template标签上
4.template这个标签,它是一个虚拟的标签,只起到包裹作用,但是不会被渲染为任何实质性的html元素