vue三种插槽

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

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

3. 使用方式：

a、默认插槽：

父组件中：     
html结构1
 子组件中：      
  插槽默认内容...     
 

b、具名插槽：

父组件中：      
html结构1
           
html结构2
      子组件中：      
  插槽默认内容... 插槽默认内容...     
 

c、作用域插槽：

        1. 理解：数据在组件的自身，但根据数据生成的结构需要组件的使用者来决定。

        2. 具体编码：

父组件中：
{{g}}
{{g}}
子组件中：      
       
       export default {  name:'Category',  props:['title'],  //数据在子组件自身  data() {      return {   games:['红色警戒','穿越火线','劲舞团','超级玛丽']      }  },     }