**插槽含义:**引入子组件后,在插入子组件元素中添加信息或者标签,使得子组件的指定位置插入信息或者标签 插槽有三种:默认插槽、具名插槽、作用域插槽,由于vue2.6.0后对插槽进行修改,但是兼容2.6.0前的版本,博文中只说明2.6.0后的插槽,vue3.0后面会去除2.60前的版本兼容。
一、具名插槽
描述:具名插槽其实就是给插槽娶个名字。一个子组件可以放多个插槽,而且可以放在不同的地方,可以使用的特性:name。这个特性可以用来定义额外的插槽。
二、默认插槽
没有对应的名称,自动添加内容,若没有对应的,则不显示
v-slot是vue3.0版本,v-slot可简写成#
三、作用域插槽
把子组件data中的数据或者子组件props中的数据传到父组件的插槽中使用