声明一个插槽区域,vue官方规定,每一个slot插槽,都有一个name名称
,如果省略了slot的name属性,则有一个默认名称叫做default
;
默认情况下,在使用组件的时候,提供的内容都会被填充到名字为default的插槽中
1.如果要把内容填充到指定名称的插槽中,需要使用v-slot:这个指令;
2.v-slot:后面要跟上插槽的名字;
3.v-slot指令不能直接用在元素身上,必须用template标签上或者组件上;
4.template标签,它是一个虚拟标签,只能起到包裹性质的作用并不会渲染为任何实质性的html元素;
5.v-slot:指令的简写形式是#
;
具名插槽给插槽通过name属性指定名字
在封装组件时,为预留的slot提供属性对应的值
,这种用法叫做"作用域插槽"
使用也可以不是scope这个名字,可以随意起,但是建议使用此名字:
解构赋值: