Vue全流程--Vue2插槽

作用

让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件 ===> 子组件。

分类

默认插槽、具名插槽、作用域插槽

使用方式

   1. 默认插槽：

让子组件以不同的内容形式或者格式展现出来

父组件

子组件

   2. 具名插槽：

在默认插槽的基础上通过在子组件设置插槽slot的name属性来设置插槽的每个部分的内容，从而实现插槽的区分。如果不设置区分。有几个相同名的插槽就会重复出现几次。

      父组件中：

      子组件中：
 

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

      2. 具体编码：

         父组件中：

    子组件中：