【Vue2】插槽

插槽还是比较重要，需要单独再拎出来学习理解一下。之前写的随笔感觉自己理解了，发现远远不够。

https://www.jianshu.com/p/c64d2ad9e5bf

https://blog.csdn.net/liushijun_/article/details/92186739

https://blog.csdn.net/weixin_41196185/article/details/88344462

    1.作用：让父组件向子组件指定位置插入html结构（组件拆分时），也是一种组件间通信的方式，使用于父组件 ===> 子组件（props反向配置）

    2.分类：默认插槽、具名插槽、作用域插槽

    3.使用方式

          1.默认插槽

            父组件

                  <Category>

                    <div>html结构</div>

                  </Category>

            子组件

                  <template>

                    <div>

                      <!-- 定义插槽 -->

                        <slot>插槽默认内容</slot>

                    </div>

                  </template>

           2.具名插槽

             父组件

                  <Category slot="center">

                      <div>html结构1</div>

                  </Category>

                  <Category v-slot:footer>

                      <div>html结构2</div>

                  </Category>

            子组件

                  <template>

                    <div>

                      <!-- 定义插槽 -->

                        <slot name="center">插槽默认内容...</slot>

                        <slot name="footer">插槽默认内容...</slot>

                    </div>

                  </template>

            3.作用域插槽

                1.理解：数据在组件自身，但根据数据生成的结构需要的组件的使用者来决定。（games数据在Category组件中，但使用数据所遍历出来的结构由App组件决定）

                2.具体编码：