关于Vue的一些小笔记（八）组件插槽slot

前言：这次的笔记主要内容是组件里插槽slot的使用。

一、什么是组件的插槽？（slot）

简单来说，即我们在一个组件模板里定义的东西不是死的，而是可以根据需要来改动的。若我们想要改动那一部分，就需要使用slot来展示不一样的东西。

就像上面这些图片所示，他们整体可以看作是一个组件，组件里可以分为三个部分。但组件里面有相同的部分，也有不同的部分，而我们就想使用一个组件就可以完成上面三张图所示的那样，故插槽为我们提供了便捷。slot！

二、组件插槽的意义

• 组件的插槽是为了让我们封装的组件更加具有扩展性
• 让使用者可以决定组件内部的一些内容到底展示什么

如何封装最好呢？

当然是将共性抽取到组件中，将不同暴露为插槽

三、slot插槽的基本语法（使用）

1. 插槽的基本使用：
2. 插槽的默认值 : hhhhh
3. 如果有多个值，同时放入到组件进行替换时，一起作为替换元素

<div id="app">
    <cpn><p>小花加油!奥利给！p>cpn>
    <cpn>cpn> 
    <cpn>
        <h2>大喜h2> 
        <p>小花p>
    cpn>
div>