插槽
定义
是组件的一块html模板,这块模板显示与不显示以及怎样显示都由父组件来决定。
插槽显示的位置由子组件自身来决定。
插槽写在组件模板的什么位置,父组件传过来的模板就显示在什么位置。
单个模板/默认模板/匿名模板
1、可以放在任意位置,一个组件只能有一个该类型插槽。
2、在子组件内使用特殊的<slot>元素就可以为这个子组件添加一个slot插槽,在父组件模版里,插入在子组件标签内的所有内容将替代子组件的<slot>标签以及他的内容。
具名插槽
1、没有对应值的其他内容会被放到子组件中没有添加name属性的slot中。
2、可以在子组件的slot标签中写入内容,当父组件没有写入内容时,会显示子组件的默认内容;当父组件写入内容时,会替换子组件的默认内容。
作用域插槽(带数据的插槽)
父组件中使用slot-scope可以接收子组件传来的值