1. 匿名插槽
在组件中嵌套其他的标签或文本 渲染时会自动放在slot插槽中 如果没有设置slot 就无法在组件中嵌套使用.
一个插槽代表整个内容 写多个slot就会重复渲染插槽中的内容.
插槽最好使用<template>包起来.
image.png
2. 具名插槽
在模板中预留两个插槽 将模板标签放到指定的插槽.
根据插槽名称放在指定位置.
image.png
image.png
image.png
3. 作用域插槽
插槽当中的data数据 通过自定义属性让插槽当中的代码使用.
数据都在scope对象中.
image.png
