slot分为匿名插槽和具名插槽
1.匿名插槽
首先问一个问题:如果引用过来的子组件标签里有内容,那么怎么显示? 答:在子组件加个slot标签就可以了。所以可以说,slot标签是用于显示引用的子组件中的内容。
父组件引用子组件,子组件标签里,如果有内容,那么slot标签的内容不显示,如果子组件标签没有内容,那么就显示slot标签里的内容。
父组件:
一个不是空的子组件
子组件:
如果子组件里没内容,那么就会显示这里
显示结果:
2.具名插槽
(1)父组件包含要显示的几部分内容,每部分内容加上一个slot属性。
这是s1
这是s2
(2)给插槽(slot标签)指定一个name属性
显示结果: