首先要知道,默认情况下是不渲染子组件标签中的内容的,如图:
然后插槽就出现了,如果想展示子组件中标签的内容,就需要在子组件中使用插槽。而slot标签出现的位置,就是这些内容出现的位置。
有name属性的就是具名插槽,没有name的就是匿名插槽。
用法是这样:子组件的模板中使用slot标签,相当于实体;而父**模板中使用slot=“name值”**就是外壳引用了这个实体
作用域插槽呢,即在子模板中定义了slot插槽标签,那么它访问到子组件中的值;而插槽是要在父模板中使用的,而用的是父模板的值,确访问不到子模板中的值,所以就出现了作用域的问题,故作用域插槽就出现了。
首先要给引用子组件的插槽写上一个,slot-scope = “scope”,scope是一个对象,用于接受它对应的slot标签上除了name
属性的其他值,该值可以写活也可以写死,具体看图: