5.2 插槽的使用（默认插槽、具名插槽、作用域插槽）

插槽<slot></slot>：把不确定的、希望由用户指定的部分【内容的占位符】

在封装组件时没有预留任何<slot>插槽，则用户提供的任何自定义内容都会被丢弃

<slot>后备内容(默认内容)</slot> 如果组件的使用者没有为插槽提供任何内容，则后备内容会生效

一个组件预留多个插槽节点，则需要为每一个<slot>插槽指定 具体的name名称 ，叫做具名插槽

没有指定name名称的插槽，有隐含的名称叫做 default

为具名插槽提供内容：在内容标签的外层包裹 <template></template>标签，在template标签上使用 v-slot 指令，并以v-slot的参数的形式提供其名称 <template v-slot:具体name名称> html标签</template>

v-slot的简写：# 如：<template #具体name名称>

作用域插槽：带有props数据的<slot>

使用 v-slot: 的形式，接收作用域插槽对外提供的数据

结构插槽Prop：作用域插槽对外提供的数据对象抗原使用 解构赋值 简化数据的接收过程

注意：v-color="red"：没有加单引号的情况：会把red当成变量，到data里面查找，没有找到，报错        v-color="'red'"：加了单引号的情况：给v-color传了个值，值是直接写死的，是自变量的字符串，叫做 red